随笔分类 - vue
发表于 2022-06-26 10:03阅读：76评论：0推荐：0
摘要：$attrs与$listeners 祖先传递数据给子孙 如果要C组件要使用A组件的方法或者数据.要不用props传递(繁琐),要不用eventBus或者vuex(大材小用) 利用 $attrs 实现祖孙组件间的数据传递， $listeners 实现祖孙组件间的事件监听 $attrs 包含了父作用域中
阅读全文 »
发表于 2022-06-26 10:01阅读：295评论：0推荐：0
摘要：ref ref='xx'相当于id='xx', this.$refs.xx去找具体的位置 通过this.$refs 可以访问到此vue实例中的所有设置了ref属性的DOM元素，并对其进行操作。 子传父 父组件在使用子组件的时候设置ref 父组件通过设置子组件ref来获取数据 父组件 <Childre
阅读全文 »
发表于 2022-06-26 09:39阅读：209评论：0推荐：0
摘要：子组件使用父组件的数据和方法 $parent 指定已创建的实例之父实例，在两者之间建立父子关系。子实例可以用 this.$parent 访问父实例，子实例被推入父实例的 $children 数组中。 父组件 data() { return { msg:'age' } }, components: {
阅读全文 »
发表于 2022-06-26 09:37阅读：1290评论：0推荐：0
摘要：作用：让父组件可以向子组件指定位置插入html结构，也是一种组件间通信的方式，适用于 父组件 > 子组件 。 父级模板里的所有内容都是在父级作用域中编译的；子模板里的所有内容都是在子作用域中编译的。 分类：默认插槽、具名插槽、作用域插槽 使用方式： 默认插槽： 父组件中： <Category> <d
阅读全文 »
发表于 2022-06-26 09:36阅读：70评论：0推荐：0
摘要：组件的自定义事件(子组件 > 父组件) 一种组件间通信的方式，适用于：子组件 > 父组件 使用场景：A是父组件，B是子组件，B想给A传数据，那么就要在A中给B绑定自定义事件（事件的回调在A中）。 绑定自定义事件： 第一种方式，在父组件中：<Demo @event-name="test"/> 或 <D
阅读全文 »
发表于 2022-06-26 09:35阅读：69评论：0推荐：0
摘要：props(父传子) 功能：让组件接收外部传过来的数据 传递数据：<Demo name="xxx"/> 父组件 子组件 如果父组件传的值是一个动态的(父传子的时候,则用v-bind绑定要用的传入的名) 子组件不变 接收数据： 第一种方式（只接收）：props:['name'] 第二种方式（限制类型）
阅读全文 »
发表于 2022-06-25 13:55阅读：60评论：0推荐：0
摘要：指令 V-text:元素的textCentent v-html:元素的innerHTML v-show:通过样式的display控制显隐 v-if:通过控制DOM改变显隐 v-else:配合v-if v-for:循环渲染 必须带有key值 key必须是唯一值 v-on:绑定事件,缩写@ v-bind
阅读全文 »
