![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
组件
zjnkkl
这个作者很懒,什么都没留下…
展开
-
vue父子组件通信
1.子给父通信 this.$emit() this.$parent//获取父组件,然后直接调用父组件的方法 2.父给子通信 给子组件添加一个ref属性 this.$refs//获取所有ref属性 子组件 <template> <div> <div>儿子健康:{{health}}</div> <button @click="emit1">打父组件</button> <but原创 2021-11-08 17:11:07 · 248 阅读 · 0 评论 -
todo项目components组件化
组件化 import Items from '../components/items.vue' import Tabs from '../components/Tabs.vue' components:{ Items, Tabs }, items组件 父组件:todo=“todo”,子组件props传值 父组件 <items v-for="(todo, index) in filteredTodos" :key="index" :todo原创 2021-10-14 15:30:32 · 119 阅读 · 0 评论 -
vue 兄弟组件传值
先在main.js里定义一个新的实例 //定义$bus Vue.prototype.$bus=new Vue() 在子组件里自定义方法,通过$bus.$emit向兄弟组件传值 子组件 <template> <div> <h1>儿子组件</h1> <button @click="say">表达爱意</button> </div> </template> <script> export def原创 2021-10-09 16:34:09 · 557 阅读 · 0 评论