组件是 Vue 最强大的功能之一,它们可以帮助你扩展基本的 HTML 元素,封装可重用的代码。
// 定义一个名为 button-counter 的新组件
Vue.component('button-counter', {
data: function() {
return {
count: 0
};
},
template: ''
});
// 创建根实例
new Vue({
el: '#components-demo'
});
// 单文件组件示例
Vue.component('blog-post', {
props: ['title'],
template: '
{{ title }}
'
});
提示: 这是一个重要的概念,需要特别注意理解和掌握。
注意: 这是一个常见的错误点,请避免犯同样的错误。
评论
请 登录 后发表评论