关于javascript:vue组件component

一、组件注册
1、组件名：能够应用kebab-case短横线分隔命名,也能够应用PascalCase驼峰命名。
2、全局注册
应用Vue.component来创立的组件作用域是全局，在任何新创建的Vue根实例（new Vue）的模板中，都能够应用。

<div id="app">    <my-component title='计数器' text='增加' @clicknow='getCount'>        <!-- span会被放如到组件中<slot>标签的地位 -->        <span>我是一个插入到组件开端的span</span>    </my-component></div><script>Vue.component('myComponent', {    props:[        'title',        'text'    ],    data: function(){        return {            count: 0        }    },    methods:{        add:function(){            this.count++            //能够派发一个事件到组件实例，抛出一个值            //应用$emit(),第一个参数是事件名称，第二个值是传递参数            this.$emit('clicknow',this.count)        }    },    template: `<div>        {{title}}        <div class="btn" @click='add'>{{text}}</div>        <span>{{count}}</span>        <!--通过插槽，能够向一个组件传递内容-->        <slot></slot>    </div>`})let vm = new Vue({    el: '#app',    data: {},    methods: {        getCount:function(e){            alert(e)        }    }})</script>