首页 > 代码库 > Component 初识组件
Component 初识组件
component组件是Vue学习的重点、重点、重点，重要的事情说三遍。所以你必须学好Vue component。其实组件就是制作自定义的标签，这些标签在HTML中是没有的。比如：<diy></diy>，那我们就开始学习这种技巧吧。
全局化注册组件
html
<div id="app"> <!-- 注册一个全局逐渐 --> <register></register> </div>
js
Vue.component(‘register‘,{ template:"<h2>{{message}}</h2>", data:function(){ return{ message:"component注册的全局组件" } } }) var vm = new Vue({ el:"#app", data:{ } })
局部注册组件
html
<div id="app"> <!-- 注册一个全局逐渐 --> <register></register> </div>
js
var demoTmp ={ template:`<h2>{{message}}</h2>`, data:function(){ return{ message:"内部组件components" } }} var vm = new Vue({ el:"#app", data:{ }, components:{ ‘register‘:demoTmp } })
Component 初识组件
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。