当前第2页 返回上一页
1 2 3 | <template id="temp">
<h3>这是html中的temp</h3>
</template>
|
PS：以上是全局注册，局部注册如下：
第一种局部注册：
js文件中写：
1 2 3 4 5 6 7 8 9 | var vm = new Vue({
el:"#newBrand",
data:{},
components:{
mycom1:{
template: '<div><h3>这是局部template</h3></div>'
}
}
});
|
html文件中写：
1 2 3 | <div id="newBrand">
<mycom1></mycom1>
</div>
|
第二种局部注册：
js文件中这样写：
1 2 3 4 5 6 7 8 9 | var vm = new Vue({
el:"#newBrand",
data:{},
components:{
mycom1:{
template: '#temp'
}
}
});
|
html文件中写法：
1 2 3 | <template id="temp">
<div><h3>这是局部template啦</h3></div>
</template>
|
相关免费学习推荐：JavaScript（视频）
以上就是vue.js中如何注册组件的详细内容，更多文章请关注木庄网络博客！
返回前面的内容
相关阅读 >>
vue.js怎样引入css样式
vue.js怎么判断对象为空
怎样运行别人的vue.js
vue.js如何使用filter
怎么检查vue.js是否安装成功了
vue.js路由this.route.push跳转页面不刷新怎么办
深入理解vue响应式原理
vue.js怎样配置跨域文件
css中display: inline-block的用法解析
webstorm怎样新建vue.js的项目
更多相关阅读请进入《vue.js》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » vue.js中如何注册组件
