vue进阶之路
一只行走的猫
搬砖的猫
展开
-
Vue组件化--子组件到父组件的通信
子组件到父组件的通信:自定义事件// child <HelloWorld/><template> <div class="hello"> <h1 @click="$emit('foo', 'bar')">{{ msg }}</h1> </div></template><script> export default { name: "HelloWor翻译 2020-10-13 17:40:12 · 77 阅读 · 0 评论 -
Vue组件化--父组件传值给子组件
父组件传值给子组件:属性props// child<template> <div class="hello"> <h1>{{ msg }}</h1> {{foo}} </div></template><script> export default { propd: { msg: String }, data () { foo: 'foo' } }</script>翻译 2020-10-13 17:48:55 · 110 阅读 · 0 评论 -
Vue组件化--兄弟组件之间通信
兄弟组件之间通信:通过共同祖辈组件通过共同的祖辈组件搭桥,parent或parent或parent或root// 父 home<template> <div class="home"> <HelloWorld msg="Welcome to Your Vue.js App"/> <Brother msg="Brother" ></Brother> </div></templa翻译 2020-10-13 17:45:51 · 277 阅读 · 0 评论 -
Vue组件化--祖先给后代传值
祖先给后代传值由于嵌套层数过多, 传递props不切实际,vue提供了 provide/inject API完成该任务provide/inject: 能够实现祖先给后代传值// 父 home<template> <div class="home"> <HelloWorld msg="Welcome to Your Vue.js App"/> </div></template><script&g翻译 2020-10-13 17:50:51 · 959 阅读 · 0 评论