内容分发-was nd 9.0安装手册
6.4内容分发在实际的一些情况中，子组件往往并不知道需要展示的内容，而只提供基础的交互功能，内容及事件由父组件来提供。例如我们经常会使用的Bootstrap的模态框（Modal）插件，如图6-1所示。图6-1我们在调用时只希望使用Modal的浮层属性，以及显示/关闭浮层等控制函数，但内容本身则由父组件来决定。对此Vue.js提供了一种混合父组件内容与子组件自己模板的方式，这种方式称之为内容分发。Vue.js参照了当前web component规范草稿，使用元素为原始内容的插槽。首先解释下内容分发的一些基础用法和概念，最后来说明下Modal这个实际案例。 6.4.1基础用法先举一个简单的例子来说明内容分发的基础用法： //使用包含slot标签属性的子组件 //属性slot值需要与子组件中slot的name值匹配{{ title }} {{ content }} //注册my-slot组件，包含标签，且设定唯一标识name Vue.component('my-slot', { template : '\ \ \ \ \异步社区会员123456(1429595365@qq.com)专享尊重版权
文件大小：12.2MB
评论区