概述
1.全局组件:组件的属性不能用大写字母组件的名字可以用驼峰命名法,但是使用的时候必须用连字符
没有单文件组件时不能使用单标签(不会报错,但是只能使用一次 多次使用只显示第一个)
注册的组件不要跟系统标签同名
2.局部组件:一个vm实例可以有多个局部组件,但是只能供当前vm实例使用
全局和局部组件举例（filter举例，不只filter只要是Vue里面的方法都是可以用的）
<div id='app'>
<p>{{msg|tool}}</p>
<p1></p1>
<p2></p2>
</div>
<script>
// 全局:所有组件共同的功能（指令，过滤器，组件）
Vue.filter("tool2",(str)=>{
return "晚上好"+str
})
let p1={
template:`
<p>{{msg|tool}}</p>
`,
data(){
return{
msg:"hello",
}
},
// 局部:只有当前组件拥有的功能（指令，过滤器，组件）
filters:{
tool(str){
return str+"预习"
}
}
}
let p2={
template:`
<p>{{data|tool2}}</p>
`,
data(){
return{
data:"666"
}
},
}
new Vue({
el:'#app',
data: {
msg:"6666"
},
methods: {},
computed: {},
watch: {},
components:{
// 注册主键
p1,
p2
},
filters:{
tool(str){
return str+"hello"
}
},
})
</script>
最后
以上就是无私鼠标为你收集整理的Vue----全局组件和局部组件的全部内容，希望文章能够帮你解决Vue----全局组件和局部组件所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
发表评论 取消回复