vue自定义组件及嵌套

 组件在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({
    //路由表，