无论是vue还是react，在父子组件通讯的时候，子组件都禁止直接修改父级传过来的prop，父组件总需要在子组件身上监听一个事件，然后由子组件去触发它，好让父组件来接收到payload去改变state。幸运的是，vue为我们准备了两个语法糖，让我们减少了一点写大量模板代码的痛苦。它们就是自定义组件 ...

为什么要用组件？ 我们希望尽可能多的重用代码 组件全局注册：Vue.component('名字'，{对象}) 注册的组件里面包含了所有内容：数据（一定是函数，使用函数会形成闭包环境，保证了每一个组件拥有独立得数据），模板，方法 ...

一、同时设置1个 prop 1.以 update:my-prop-name 的模式触发事件，如对于title属性： 2.然后父组件可以监听那个事件并根据需要更新一个本地的数据属性： 为了方便起见，我们为这种模式提供一个缩写，即 .sync 修饰符 ...

v-model 原理： 　　从接触Vue我们就知道 v-model是实现数据双向绑定的 那他能实现绑定的原理到底是啥？ 　　其实v-model本质上就是语法糖 在使用 v-model 后既绑定了数据 有添加了一个@input事件监听 　　<input v-model='search ...

两种组件抽离方式，写法 ...

vue组件有2大特性： 1.全局组件和局部组件 2.父子组件的数据传递 接下来直接用demo直接看如何传值（静态传值） father.vue child.vue <template> <div> < ...

在vue中，子组件和父组件的值要实现双向绑定 首先要知道：1.父组件的值发生变动会直接影响到使用该值的子组件2.子组件无权改变props里面的值，仅有使用权限 解决思路为：1.根据v-model自定义语法糖2.在子组件中用value属性监听仅使用props中的值，再实时监听值去调用父组件的方法 ...

组件的prop双向绑定于vue2废除，vue2的prop只限于父->子的单向流动，不能修改外层传来的数据，如果需要得自己来实现。 实现方法步骤： 　　1.在组件内得data对象中创建一个props属性的副本 　　2.创建针对props属性得watch来同步组件外 ...