在html中使用元素，会有一些属性，如class,id，还可以绑定事件，自定义组件也是可以的。当在一个组件中，使用了其他自定义组件时，就会利用子组件的属性和事件来和父组件进行数据交流。 比如，子组件需要某个数据，就在内部定义一个prop属性，然后父组件就像给html元素指定特性值一样 ...

冒号属性 　　　　：是指令 v-bind 的缩写，是为了动态绑定数据，用于响应式地更新 HTML 特性。 　　　　加了冒号，后面是变量或表达式；不加冒号的是字符串。 　　　　如图：将Home组件中的 probe-type 的值传给子组件Scroll的时候，需要的是一个数字类型 ...

vue官网对于inheritAttrs的属性解释：如果你不希望组件的根元素继承特性，你可以在组件的选项中设置 inheritAttrs: false。 可能不是很好理解，我们可以举个例子来验证一下。 父组件 parent-component.vue < ...

组件的属性和事件 父子组件之间的通信 父子组件之间的通信就是 props down,events up，父组件通过 属性props向下传递数据给子组件，子组件通过 事件events 给父组件发送消息。 比如，子组件需要某个数据，就在内部定义一个prop属性，然后父组件就像给html元素指定特性 ...

...

Vue组件prop属性 Prop prop 大小写 Vue.component('blog-post', { // 在 JavaScript 中是 camelCase 的 props: ['postTitle'], template: '<h3> ...

什么是组件？ 在说之前我们先搞清楚什么是组件？这样对我们下边的学习是很有帮助的。 组件（Component）是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可以重复使用的代码。在较高层次上，组件就是自定义元素，Vue.js的编辑器为它添加特殊功能。在有些情况下，组件也可以是原生元素 ...

Vue中的data属性专门用来以对象方式存放数据，它有两种用法。 但是在组件中，只接受第二种用法，即将data作为一个函数名、数据对象作为函数返回值来使用。因为组件可能被用来创建多个实例。如果data仍然是一个纯粹的对象，则所有的实例将共享引用同一个数据对象！通过提供data函数 ...