1.0 全局的component&局部的component
<div id="app">
<lhq></lhq>
</div>
Vue.component('lhq',{
template: '<p>我是一个全局的lhq组件</p>'
})
上述的虽然是全局的一个组件,能在多个vue作用域里面使用,但是必须在vue作用域里面,记住一定得在vue作用域里!!!
var app = new Vue({
el : '#app',
components : {
'lhq': {
template:'<p>我是局部的一个组件<p>'
}
}
})
和全局的组件不同的是,component是加s的,因为不一定只有一个局部组件,可能有很多,还有这里的组件只能在它制定的作用域里面使用
var app = new Vue({
el : '#app',
components : {
'lhq': {
template:'<p>我是局部的一个组件<p>'
}
}
})
2.0 在组件上传值
<div id="app">
<lhq :here="country"></lhq>
</div>