![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
组件传值
文章平均质量分 78
赵啸林
昨日已成历史,明天是个谜团,但今天是天赐的礼物。
展开
-
vue 组件传值
父组件传值子组件父组件 父组件 <!--父组件--> <child :msg="msg"></child> //父组件 data() { return { msg: "父组件的值", }; }, <!--子组件--> <div>{{msg}}</div> //子组件 props: { msg:{ type:string, default:"默认" } }, .........原创 2020-10-15 11:26:52 · 211 阅读 · 0 评论 -
provide和inject
父组件 <script> import helloworld from "../components/HelloWorld"; provide() { return { msg: "provide数据", fns() { console.log(111); } }; }, </script> 子组件 <div>{{ msg }}</div><!--父组件的msg-->原创 2020-10-15 10:57:08 · 103 阅读 · 0 评论 -
vue2 $listeners和$bus,$attrs
$listeners父传子和子改父 $bus组件共享参数 父组件里 <helloworld @msg="msg" @send="send"></helloworld> import helloworld from "../components/HelloWorld"; //注册组件 components: { helloworld }, // 定义变量 data() { return { msg: "父组件的值", far原创 2020-10-11 14:26:03 · 225 阅读 · 0 评论