摘要：
/** * Vue-router 基本用法 * npm install --save vue-router */ /** * Vue-router 基本用法 * npm install --save vue-router */ 1, Router实例对象 const RouterInstance = 阅读全文
摘要：
<!-- 应用场景： 点击一个按钮，由v-if让div显示，并且拿到div的内容的时候。 在div还没有被创建出来的时候，是拿不到内容的。 这里涉及到了Vue异步更新队列的概念 Vue观察数据变化的时候并不是直接更新DOM，而是开启一个队列,并 缓冲在同一事件循环中的发生的所有数据的改变，在缓冲时会 阅读全文
摘要：
1，递归组件 <!-- 递归组件: 组件在它的模板内可以递归的调用自己，只要给组件设置name组件就可以了。 设置那么House在组件模板内就可以递归使用了,不过需要注意的是， 必须给一个条件来限制数量，否则会抛出错误: max stack size exceeded 组件递归用来开发一些具体有未知 阅读全文
摘要：
<!-- 内容分发 1， 两个特点 组件不知道自己要挂载的内容是什么 组件可能有自己的模板 组件是由： props 传递参数 events 触发事件 slot 内容分发 构成 编译的作用域： 父组件的模板内容是在父组件作用域内编译， 子组件模板内容是在子组件作用域内编译 <child-compone 阅读全文
摘要：
组件通讯的关系： 父子组件通讯，兄弟组件通讯，跨级组件通讯。 <!-- 当子组件像父组件传递数据时，就要用到自定义事件了。 Vue组件通讯模式 观察者模式 dispatchEvent和addEventListener 子组件用$emit() 来触发事件 this.$emit("addNum", th 阅读全文
摘要：
组件是Vue最强大的功能之一；组件化编程，允许我们使用小型，独立，通用的可复用型组件构建大型应用；任何页面都可以抽象为组件树； <!-- 组件需要注册后才能使用。 注册有全局注册和局部注册两种方式 全局注册： 全局: 局部注册： 局部: 注册后的组件只是在该作用域下有效 父组件正向的向子组件传递数据 阅读全文
摘要：
<!-- v-model 使用v-model后，表单控件显示的值只依赖所绑定的数据， 不在关心初始化时的value; 对于textarea 之间插入的值， 在中文输入法没有选定插入的值之前，不会触发更新， 可以使用@input来代替 radio checkbox select 的用法 修饰符: .l 阅读全文
摘要：
<!-- 数组更新 7种 会改变原始数组的方法 push() pop() shift() unshift() splice() sort() reverse() Vue检测到数据变化会更新视图 不会改变原数组方法，可以使用新数组替代原数组 数组变化时，并不是直接渲染，而是最大的复用DOM元素， 替换 阅读全文
摘要：
v-bind <!-- 绑定 class的几种方式 1, 对象语法 直接绑定一个Object类型数据。或者计算属性或者method或者data 2, 数组语法 直接绑定一个[]类型数据;也可以使用computed,methods,data 在组件上使用的时候，样式规则直接作用到根元素上， 如果需要给 阅读全文
摘要：
模板内的表达式用于简单的计算，当其过长或者逻辑复杂时，会难以维护。 一般用计算属性。<!-- 计算属性 所有的计算属性都以函数的形式写在vue的实例内的computed选项内， 计算属性里可以完成各种复杂的逻辑，包括运算，函数调用的 只要将最终结果返回就可以了。 计算属性可以依赖其他计算属性 计算属 阅读全文