随笔分类 - Vue CLI
Vue 自定义指令
摘要：请勿直接爬走，本文地址：https://www.cnblogs.com/xiaoxuStudy/p/13208406.html 目录： 1. 怎么创建自定义指令 2. 什么时候用自定义指令 3. 钩子函数 4. 实操 一. 怎么创建自定义指令 通过 Vue.directive 全局创建指令，Vue.
阅读全文
Vue 【组件】组件注册、组件生命周期、动态组件、keep-alive
摘要：目录： 1. 组件注册 2. 组件生命周期 3. 动态组件 4. keep-alive 组件 一. 组件注册 全局注册 全局注册的组件可以在任何地方使用。 使用全局注册注册的组件会有一个问题，当业务进行工程最终打包的过程中会将所有的组件都打包进去，如果后续有组件被弃用，这有可能会造成一些不可控的体积
阅读全文
Vue 【事件&样式】样式
摘要：目录： v-bind 绑定 class v-bind 绑定 style scoped 通常情况下，可以通过在 CSS 中编写 CSS 来定义 HTML 的结构样式，当我们需要切换 HTML 结构的样式的时候，我们会去修改当前节点的 style 值，或者通过切换 CSS class 来批量地修改样式。
阅读全文
Vue 【事件&样式】事件
摘要：目录： v-on监听 DOM 事件 事件修饰符 v-on 监听 自定义事件 双向绑定 v-on 监听 DOM 事件 event 例子 Vue 中使用 v-on 来监听 DOM 事件，这里用 v-on 监听了 button 上的 click 事件，并接收一个 add 函数作为响应函数，响应函数写在 m
阅读全文
Vue【数据】数组操作
摘要：例 子 定义数据结构，通过函数 data 返回数组 classmates，假设 classmates 数组中的每一个元素是班上的每一个同学的信息，然后通过 v-for 将每个同学的信息在页面上输出，p 是当前值，index 是当前索引。 <template> <div class="hello">
阅读全文
Vue【数据】计算属性和侦听器
摘要：笔记内容：学习编写能够让模板产生响应式变化的数据。 目录： 计算属性 侦听器 众所周知，Vue是一个响应式的前端组件框架。响应式即是当业务逻辑中的数据发生改变的时候视图中的内容也会跟着改变。 计算属性和侦听器 计算属性 例子 假设班上有许一、许二、许三三位同学，在页面中，名字名字前面是序号，名字后面
阅读全文
Vue【数据】Prop&Data
摘要：笔记内容：学习在 Vue 的单文件组件中如何管理数据。 目录： data Prop Prop 属性校验 众所周知，Vue是一个响应式的前端组件框架。响应式即是当业务逻辑中的数据发生改变的时候视图中的内容也会跟着改变。 Prop&Data 一. data <script> export default
阅读全文
Vue【模板】模板语法、指令、条件渲染、列表渲染、ref、JSX
摘要：主要纪录练习，文字较少，准确的语法概念等参考 Vue 官网文档。 目录： 1. 模板语法 2. 指令 3. 条件渲染 4. 列表渲染 5. ref 6. JSX 模板语法 Vue.js 使用了基于 HTML 的模板语法，所有 Vue.js 的模板都是合法的 HTML，所以能被遵循规范的浏览器和 HT
阅读全文
Vue 创建一个页面
摘要：模板渲染 当前 App.vue ： <template> <div> 我来自App.vue </div> </template> 页面表现： 组件通信 Vue 的单文件组件通过一个类似HTML文件的.vue文件就能描述清楚一个组件所需的模板、样式、逻辑。 在 components 目录下新建 Say
阅读全文
Vue 创建项目、单文件组件、命名规范
摘要：目录： 1、创建项目 2、单文件组件 3、命名规范 创建项目 Vue CLI 是 Vue.js 开发的标准工具，可以通过npm install -g @vue/cli 或者 yarn global add @vue/cli 这两个方式在系统全局中安装。可以通过 vue create my-proje
阅读全文
浙公网安备 33010602011771号