Component 初识组件
component组件是Vue学习的重点、重点、重点,重要的事情说三遍。所以你必须学好Vue component。其实组件就是制作自定义的标签,这些标签在HTML中是没有的。比如:<diy></diy>,那我们就开始学习这种技巧吧。
全局化注册组件
html
<div id="app"> <!-- 注册一个全局逐渐 --> <register></register> </div>
js
var demo = Vue.component('register',{ template:"<h2>{{message}}</h2>", data:function(){ return{ message:"component注册的全局组件" } } }) new demo().$mount('register')
// 或者你这样使用,下面是挂载到#app的意思,你引掉他们,直接用$mount挂载 // 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 } })