以下示例是用单页面的形式写的。
a.vue // a.vue是父级引用组件b.vue
<template>
<!-- 这儿是组件的父级,也就是组件的实例。实例本来应该定义事件来监听子组件的一切“异动”, 但v-model呢却是给组件内部加个model:{prop:"自定义",event:"自定义"}来监听子组件的变化 --> <cst-test v-model="cstChecked"></cst-test> cstChecked:{ { cstChecked }} </template>
js里引入
import cstTest from "@/components/tcctest/tcctest_index.vue"
定义变量:data:{cstChecked :0}
注册组件:components:{cstTest }
b.vue // 组件文件,b.vue引入test_refer.js
<template> <div> <label><input type="checkbox" :checked="ychecked" @click="mychange($event)"/> 勾我吧</label> </div>