vue
文章平均质量分 71
物语、
一位前端菜鸟,爱好者。欢迎访问我的个人站点:iwuyu.cn
展开
-
Vue中父子组件传值的多种方式
vue中父子组件传值vue中的父子组件传值,值得注意的是要遵守单向数据流原则。所谓单向数据流原则,简单的说就是父组件的数据可以传递给子组件,子组件也可以正常获取并使用由父组件传过来的数据;但是,子组件中不能直接修改父组件传过来的数据,必须要向父组件传递一个事件来父组件需要修改数据,即通过子组件的操作,在父组件中修改数据;这就是单项数据流。废话不多说,先看演示:这里可以看到我在父组件中定义了一个msg属性,子组件也获取到msg的值显示到input中,并通过修改子组件中input中的value值,实原创 2021-04-08 21:28:56 · 38306 阅读 · 0 评论 -
Vue插槽
Vue插槽插槽(Slot)是 vue 为组件的封装者提供的能力允许开发者在封装组件时,把不确定的、希望由用户指定的部分定义为插槽。插槽作用: 用于实现组件的内容分发, 通过 slot 标签, 可以接收到写在组件标签内的内容插槽:slot 作用:占位符默认插槽只要没有具体分发的内容, 都会给到默认插槽<slot name="default"></slot> 是默认插槽完整的写法 和 <slot></slot> 完全等价示例如下:<my-原创 2021-04-10 18:01:09 · 382 阅读 · 0 评论