码迷,mamicode.com
首页 > Web开发 > 详细

Vue.js中全局组件和局部组件的编写差异和注意事项

时间:2017-05-12 00:13:22      阅读:150      评论:0      收藏:0      [点我收藏+]

标签:nbsp   style   注意   script   app   方式   span   组件   logs   

全局组件的编写方式:

<div  id=‘app‘>
   <runoob></runoob>
</div>

<script>
Vue.component(‘runoob‘,{
      template:‘<h1>Hello World!</h1>‘
})    

new Vue({
     el:‘#app‘,     
})
</script>

局部组件的编写方式:

<div  id=‘app‘>
   <runoob></runoob>
</div>

<script>var child = {
template:‘<h1>Hello World!</h1>‘
};
new Vue({ el:‘#app‘,
components:{
‘runoob‘:child
} })
</script>

其中最需要注意的细节即是局部组件中是”components“,而全局组件中是”component“,切记不掉坑!!

 

Vue.js中全局组件和局部组件的编写差异和注意事项

标签:nbsp   style   注意   script   app   方式   span   组件   logs   

原文地址:http://www.cnblogs.com/yeyeyemax/p/6843018.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!