您的位置：首页 > 产品设计 > UI/UE

Vue中使用组件

2017-08-02 12:04 218 查看

Vue使用组件分为三步：

1、在html中使用要自定义的组件，比如

<div id="example">
<my-component></my-component>
</div>


2、将该组件进行注册

Vue.component('my-component', {
template: '<div>A custom component!</div>'
})


3、创建根实例

new Vue({
el: '#example'
})


最终的渲染结果就变成了

<div id="example">
<div>A custom component!</div>
</div>


局部注册方式

var Child = {
template: '<div>A custom component!</div>'
}
new Vue({
// ...
components: {
// <my-component> 将只在父模板可用
'my-component': Child
}
})
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  html vue
相关文章推荐
新的分享
章节导航