Vue组件(一)
下面介绍了注册一个Vue组件的完整步骤
Vue组件创建
全局创建
/创建vue组件的步骤
//1、确定一个模板
const Hello = Vue.extend({
template:'<div>你好啊</div>'
})
//2、组件注册 Vue中组件的使用方式是类似于标签为了符合H5的规范,那么我们需要将这些类似于标签一样的内容进行注册 注册的作用是为了使用Vue来进行解析
//Vue.component(组件名称,组件配置)
Vue.component('Hello',Hello);
new Vue({
el:"#app"
})
经过以上两步我们就得到了一个全局的Vue组件,可以在任意一个的Vue的实例中使用
<div id="app">
<Hello></Hello>
</div>
局部创建
创建vue局部组件的步骤
//1、确定一个模板
const Hello = Vue.extend({
template:'<div>你好啊</div>'
})
//2、在Vue的实例中注册
new Vue({
el:"#app",
components:{
'Hello':Hello
}
})
经过这两步就可以得到一个只能在#app范围内使用的局部组件,如果别的Vue实例要想使用,需要在他自己的内部重新注册