摘要: Vue Provide/inject 使用的回顾 Provide/inject 不是响应式的 基本用法: 接下来 2 个例子只工作在 Vue 2.2.1 或更高版本。低于这个版本时,注入的值会在 props 和 data 初始化之后得到。 在 2.5.0+ 的注入可以通过设置默认值使其变成可选项 注 阅读全文
posted @ 2020-05-28 20:27 vs1435 阅读(1283) 评论(0) 推荐(0) 编辑
摘要: vue 的模板比较简单,使用场景其实就是为了不添加额外的节点去处理一些指令 例子:利用带有 v-for 的 <template> 来循环渲染一段包含多个元素的内容。比如:在template使用v-for可以减少页面的节点,循环后的结果是没有ul标签的 例子: v-if 使用 template 切换多 阅读全文
posted @ 2020-05-28 16:30 vs1435 阅读(713) 评论(0) 推荐(0) 编辑
摘要: vue 的 slot 回顾 插槽基本用法: 例子:组件 base-layout 提供3个插槽(header、默认、footer): 使用组件 base-layout 的地方,自定义插槽的内容: 插槽传递属性(插槽内容能够访问子组件中才有的数据) 默认插槽传递属性, current-user 组件提供 阅读全文
posted @ 2020-05-28 16:25 vs1435 阅读(871) 评论(0) 推荐(0) 编辑
摘要: vue混入mixins回顾: 混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项 data合并策略:数据对象在内部会进行递归合并,并在发生冲突时以组件数据优先; 阅读全文
posted @ 2020-05-28 10:50 vs1435 阅读(683) 评论(0) 推荐(0) 编辑