组件在components里进行注册
template里是模板内容
定义的组件必须只有一个根节点
自定义事件要用$emit派发,所有使用组件的父组件可以进行事件监听
<div id="app">
<btn txt="按钮" type="btns"></btn>
<btn txt="点击"></btn>
</div>
<script src="./libs/vue.js"></script>
<script>
//定义一个组件
const Button={
template:`<div class="btn" :class="type">{
{txt}}</div>`,
//template是组件的模板html
props:['txt','type']
//props属性,调用组件时传递过来,父组件传递过来的参数
}
var app = new Vue({
el:'#app',
components:{//注册组件
btn:Button,//组件在html中的名字:组件对象
}
})
</script>
组件可以嵌套,在使用局部组件的时候需要进行注册
var router = new VueRouter({
//路由表,