vue 组件 全局注册与局部注册的方法

全局注册

html部分

<div id="e1">
<name1></name1>
</div>

script部分

<script type="text/javascript">
Vue.component('name1', {
template: '<div>我是效果</div>'})   //定义全局模板        例如 Vue.component(tagName, options)

new Vue({el: '#e1'})     //起作用的范围

</script>

--------------------------------------------------------

局部注册

html部分

<div id="e2">
<name2></name2>
</div>

script部分

<script type="text/javascript">
var hz={template:' <p>我就是效果</p>'}             //定义一个想要的模板
new Vue({
el: '#e2',                                                              //vue作用范围  
components:{"name2":hz}                                    // 定义一个组件  名字叫那么的模板
})
</script>

---------------------------------------------

全局注册于局部注册的区别

全局注册可以直接在插入e1中用；

局部变量 需要在组件（components）中使用