摘要：子组件使用父组件的数据和方法 $parent 指定已创建的实例之父实例，在两者之间建立父子关系。子实例可以用 this.$parent 访问父实例，子实例被推入父实例的 $children 数组中。 父组件 data() { return { msg:'age' } }, components: { 阅读全文

摘要：作用：让父组件可以向子组件指定位置插入html结构，也是一种组件间通信的方式，适用于 父组件 > 子组件 。 父级模板里的所有内容都是在父级作用域中编译的；子模板里的所有内容都是在子作用域中编译的。 分类：默认插槽、具名插槽、作用域插槽 使用方式： 默认插槽： 父组件中： <Category> <d 阅读全文

摘要：组件的自定义事件(子组件 > 父组件) 一种组件间通信的方式，适用于：子组件 > 父组件 使用场景：A是父组件，B是子组件，B想给A传数据，那么就要在A中给B绑定自定义事件（事件的回调在A中）。 绑定自定义事件： 第一种方式，在父组件中：<Demo @event-name="test"/> 或 <D 阅读全文

摘要：props(父传子) 功能：让组件接收外部传过来的数据 传递数据：<Demo name="xxx"/> 父组件 子组件 如果父组件传的值是一个动态的(父传子的时候,则用v-bind绑定要用的传入的名) 子组件不变 接收数据： 第一种方式（只接收）：props:['name'] 第二种方式（限制类型） 阅读全文

摘要：指令 V-text:元素的textCentent v-html:元素的innerHTML v-show:通过样式的display控制显隐 v-if:通过控制DOM改变显隐 v-else:配合v-if v-for:循环渲染 必须带有key值 key必须是唯一值 v-on:绑定事件,缩写@ v-bind 阅读全文