一、组件（一）什么是组件组件（Component）是Vue.js最强大的功能之一。组件可以扩展HTML元素，并封装可重用的代码。组件是自定义元素（对象）。(2)创建组件的两种方式。官方推荐的组件标签名是使用-连接复合词，例如：
一、组件（一）什么是组件组件（Component）是Vue.js最强大的功能之一。组件可以扩展HTML元素，并封装可重用的代码。组件是自定义元素（对象）。(2)创建组件的两种方式。官方推荐的组件标签名是使用-连接复合词，例如：
我是组件a
',},'my-b':{template:'我是组件b
'}}});(6)keep-alivecomponents使用keep-alivecomponents来缓存不活跃的组件，可以保持状态，避免重新渲染。默认情况下，每次都会销毁和重新创建非活动组件。用法示例：{{x}}
',data(){return{x:Math.random()}}},'my-y':{template:'{{y}}}p>',data(){return{y:Math.random()}}}}});这样第一次产生的随机数会被缓存起来，再次切换时不会改变。2.组件间的数据传递(1)父子组件定义了一个组件内部的另一个组件，那么这对组件就称为父子组件。子组件只能在父组件内部使用。默认情况下，每个组件实例的作用域都是独立的，子组件无法访问父组件中的数据，同理，父组件也无法访问子组件中的数据。 {{msg}} {{mydata}} {{msg}} 这是传递给子组件的值：{{myname}} {{mydata}} 这是父组件传递过来的数据：{{name}} hellovue.js(2)组件间数据传递（通信）1.子组件访问父组件的数据步骤：a．调用子组件时，绑定父组件中想要获取的数据b．在子组件内部，使用props选项声明获取数据，即从父组件接收数据改进上面的例子：2.父组件访问子组件数据的步骤：a在子组件中使用vm.$emit(eventname,data)触发自定义事件并将数据发送给父组件，事件名称自定义b父组件在使用子组件的地方监听子组件触发的事件，并在父组件中定义一个获取数据的方法//的内部方法childcomponent'my-b':{send(){//使用$emit()触发事件发送数据，this引用当前子组件实例this.$emit('e-world',this.senddata);}}//监听子组件调用事件的子组件触发，调用自己的方法获取数据如果组件标签中没有内容，那么就会显示槽中的内容，也就是所谓的单槽。还可以对显示的内容进行分组，即命名槽，可以对标签组中的内容进行操作：像这样，你可以实时对组件中的内容进行操作。