组件可以扩展 HTML 元素,封装可重用的代码。
全局组件:
<div class="app">
<runoob></runoob>
</div>
<script>
Vue.component('runoob', {
template: '<h1>自定义组件</h1>.'
})
// 创建根实例
new Vue({
el: '#app'
})
</script>
局部组件:
组件可以扩展 HTML 元素,封装可重用的代码。
全局组件:
<div class="app">
<runoob></runoob>
</div>
<script>
Vue.component('runoob', {
template: '<h1>自定义组件</h1>.'
})
// 创建根实例
new Vue({
el: '#app'
})
</script>
局部组件: