![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
component组件
component组件
德芙小雨更配
这个作者很懒,什么都没留下…
展开
-
Vue笔记-组件Component-动态组件
动态组件 适用于多个组件频繁切换显示处理 <component>标签将一个”元组件“渲染成为动态组件,以is属性决定渲染哪个组件 :is可以绑定已注册组件的名字,或一个组件的选项对象 示例 <div id="app"> <button @click='change'>切换</button> <!-- 通过改变com来改变显示的组件 --> <component :is="co原创 2021-03-18 17:56:43 · 259 阅读 · 0 评论 -
Vue笔记-组件Component-组件通信之父子通信
父子通信 父级通过data传递数据 子级通过props接收数据 视图中通过v-bind绑定数据 <div id="app"> <!-- v-bind绑定数据 --> <my-com-a :chidren='parent'></my-com-a> </div> <script src="./node_modules/vue/dist/vue.js"></script>原创 2021-03-18 17:56:27 · 160 阅读 · 0 评论 -
Vue笔记-组件Component-组件通信之子组件向父组件传递
组件通信之子组件向父组件传递原创 2021-03-18 17:56:05 · 311 阅读 · 0 评论 -
Vue笔记-组件Component-组件通信之单向数据流和props数据验证
1、 单向数据流 父->子 props接受普通数据类型时:父组件数据影响子组件,子组件的数据改变不会影响父组件 props接受对象或数组这种引用数据类型:子组件直接改变props接受值,是会改变父组件里面的数据的,因为传递过来的时引用的地址而不是单纯的拷贝 注意在 JavaScript 中对象和数组是通过引用传入的,所以对于一个数组或对象类型的 prop 来说,在子组件中改变变更这个对象或数组本身将会影响到父组件的状态。 子级直接修改父级传过来的引用地址是不被允许的(直接赋值)原创 2021-03-18 17:55:33 · 244 阅读 · 0 评论 -
Vue笔记-组件Component-基本使用
Vue.js组件 提高功能复用性与可维护性,更好的专注于业务逻辑 组件使用时为自定义html标签形式,通过组件名作为自定义标签名 <div id="app"> <p>p标签</p> <!-- 组件 --> <my-com-a></my-com-a> </div> 1、组件注册 组件要能使用必须要先进行注册 组件的注册时候,可以采用PascalCase原创 2021-03-18 12:15:48 · 468 阅读 · 0 评论