Vuejs 前端开发技术与实践第PPT课件（共12章）第6章 组件.pptxVIP

第6章　组件;在Vue中组件是构成页面中独立结构单元，是从UI界面的角度来进行划分的，Vue可以把网页分割成很多组件。;组件（Component）是 Vue最强大的功能之一。组件可重用性高，可减少重复性的开发。;③组件的结构模板，模板中只能有一个根节点。;全局组件，在全局都可以调用，调用组件跟使用标签一样，标签名为组件名即可。;局部组件是定义在Vue实例上，在一个实例上定义，就在该实例所挂载的区域内使用，使用配置项components（复数），一个实例可以配置多个组件，多个组件配置在一个对象中。;6.3　组件的层级关系;6.4组件之间的通讯;Props的值类型可以定义为数组，用数组来定义多个属性。 例： ?props:?[msg,?open], 如定义的属性需要指定类型检测、自定义验证和设置默认值， Props的值类型定义为对象。 props: { // 检测类型 height: Number, // 检测类型 + 其他验证 age: { type: Number, default: 0, required: true, validator: function (value) { return value = 0 } } };传递静态或动态的数据给在子组件props中定义的属性。;（3）子组件调用父组件的方法;6.4.2 子组件传递数据给父组件;6.4.3 兄弟之间的数据传递;6.5 动态组件;6.6 内置组件keep-alive;6.7插槽;6.8 单个文件组件