Vue 组件操作

前言

Vue组件，类似于mvc里的分布页

可以重用Vue的实例，相当于是自定义一个控键，


template：模板

methods: 方法

slot：插槽

定义一个Vue组件

 <div id="content">

    <组件名>插槽数据</组件名>
  </div>
 
 
 
 //创建一个组件
 Vue.component("组件名", {
          data: function () {
          
                return {
                    count: 1
                }
            },
         }）,
         template:"<div><slot></slot><button v-on:click='run'>你点击了{{count}}次</button></div>",
         methods: {
               run: function () {
               this.count++
               }
        }