VUE之组件
VUE之组件 子组件 let tag = { template: `...`, data() { return { // 数据... } } } // 在哪个组件模板中出现的属性变量和方法变量,都由当前所属组件自己提供 父传子 <div id="app"> <tag :sub_msg="msg" /> </div> <script> let tag = { props: ['sub_msg'] //属性的反射机制 template: `<div>{{ sub_msg }}</div>`, } new Vue({ el: '#app', components: { tag, }, data: { msg: '父级数据' } }) </script> 子传父(了解) <div id="app"> <h1> {{ title }} </h1> <!-- 组件标签不能添加系统事件,只能添加自定义事件,自定义事件在组件内部通过$emit主动触发 --> <tag @self_action="changeTitle"/> </div> <script> let tag = { template: ` <div> <input v-model="sub_title" /> </div> `, data() { return { sub_title: '' } }, watch: { //