网站建设程序员,温州建校网站,企业网站软件下载,提供有经验的网站建设01.$root#xff1b; 访问组件的根实例#xff1b;用的不多#xff0c;基本上在vuex上进行数据操作#xff1b; 02.$parent/$children; 可以获得父组件或者子组件上边的数据#xff1b;一般不建议使用$parent,因为如果获取这个值进行修改的话#xff0c;也会更改父组件上…01.$root 访问组件的根实例用的不多基本上在vuex上进行数据操作 02.$parent/$children; 可以获得父组件或者子组件上边的数据一般不建议使用$parent,因为如果获取这个值进行修改的话也会更改父组件上边的数据 templatediv//相当于使用了爷组件上边title属性的值{$parent.$parent.title}button click$parent.$parent.handle调用爷组件上边的方法/button/div
/template 03.$refs 这个也可以获取到子组件上边的数据在el组件中我们可以通过这个来进行验证数据 this.$refs[formname].validate((valid){if(valid){console.log(success);}else{console.log(fail)return false;}}) //这是子组件
tempalte
divinput v-modelinput typetext reftxt
/div/templateexport default{data(){return{input
}},methods:{fucus(){this.$refs.txt.focus()}}} templatedivniu refhao/button clickhuo获取焦点/button/div
/templateimport niu from ./niu.vueexport default{components:{niu
},
methods:{huo(){this.$refs.hao.focus();this.$refs.hap.value 牛啊牛}}}
04.provide、inject 嵌套比较多的情况下子组件使用这个好用 //父组件export default{provide{return{title:this.title,message:this.message}},methods:{message(){return this.title}}} //子组件 获得title变量以及message的方法export default{inject:[title,message]}
05.$attrs 把父组件中非props属性绑定到内部组件不包含styleclass属性 //子组件templatedivinput v-bind$attrs/div/templateexport default{inheritAttrs:false} 06.$listeners 把组件中DOM对象的原生事件绑定到内部组件
