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

全局注册

html部分

<div >

<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 >

<name2></name2>

</div>

script部分

<script type="text/javascript">

var hz={template:' <p>我就是效果</p>'} //定义一个想要的模板

new Vue({

el: '#e2', //vue作用范围

components:{"name2":hz} // 定义一个组件 名字叫那么的模板

})

</script>

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

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

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

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