vue 组件用法

　　组件：component

　　什么是组件？

　　　　组件是 vue 中的一个可复用的实例，所以 new vue 的是 vue 中最大的那个组件，跟组件，有名字，使用的时候以单标签 或 双标签使用

　　var vm = new Vue()　　// 这本身就是组件，最大组件具有很多实用的属性，例如：data（数据），methods（事件方法），computed（计算属性），component（组件），watch（监听属性），el（元素） 

　　等，所以定义的组件也有这些属性

　　Vue 使用 Vue.component 方法定义组件，这个方法有 2 个参数，第一个是组件名，第二个是 options 对象，这个对象里面有 data ，template，methods，computed 等属性

　　template 模板，里面是 html 格式，只能有一个顶层标签

　　data 放数据的，他是一个函数，return 一个对象，数据放在这个对象里

　　全局定义：

　　Vue.component(‘myHeader‘,{

　　　　template:‘<div>{{title}}</div>‘,　　// 存放模板的地方

　　　　data(){

　　　　　　return {

　　　　　　　　title:"这个是标题"

　　　　　　}

　　　　}

　　})

　　使用自己的，在别的模板里面不能用

　　全局定义的组件无需挂在，只要 new Vue 的 实例范围，在里面都可以使用

　　js 的驼峰命名法，在 html 中使用 - 

　　全局注册：在任何地方都可以使用，在 vue 实例下面，都可以使用

　　注册完成之后，在 Vue 实例中任何地方都可以使用，并且无需挂载，在实例下面

vue 组件用法

原文：https://www.cnblogs.com/shangjun6/p/11233764.html