关于vue组件（一）

组件定义

组件的全局和局部定义方式，和过滤、指令的全局和局部定义方式基本一样

Vue的组件就是自定义标签<组件名称>

全局组件

方法1、先定义构造器，再创建组件

//Vue.extend(组件对象) 返回一个组件对象

let myComponent = Vue.extend({ template:”<h4>自定义组件</h4>”});

vue.component(“hello”,MyComponent);

方法2、直接创建组件

局部组件

方法1、先定义构造器，再创建组件

方法2、直接创建组件

component（组件）

在vue里面template用于定义当前vue实例的页面元素表现形式（就是那个绑定vue的div（#app的那个）的表现形式）。

可以这样理解：vue实例的那个div本质上可以看作是一个component(组件)，所以能够在#app的那个div里面写的，也都可以在component(组件)里面写。所以在component中通过template的方式来定义component的表现形式。

组件命名

对于局部组件而言，不能够直接使用xx-xx的形式定义，而需要加””，如果实在通过xx-xx的形式来使用，可以通过XxXx的形式来定义局部组件，这样定义的组件，可以在使用的时候通过xx-xx的形式来使用。