注册一个vue组件
Vue.component(‘MyComponentName’, { /* … */ })
可能你的许多组件只是包裹了一个输入框或按钮之类的元素，是相对通用的。我们有时候会把它们称为基础组件，它们会在各个组件中被频繁的用到。
这个 prop 用来传递一个初始值；这个子组件接下来希望将其作为一个本地的 prop 数据来使用。在这种情况下，最好定义一个本地的 data 属性并将这个 prop 用作其初始值：
props: [‘initialCounter’],
data: function () {
return {
counter: this.initialCounter
}
}
这个 prop 以一种原始的值传入且需要进行转换。在这种情况下，最好使用这个 prop 的值来定义一个计算属性：
props: [‘size’],
computed: {
normalizedSize: function () {
return this.size.trim().toLowerCase()
}
}
注意在 JavaScript 中对象和数组是通过引用传入的，所以对于一个数组或对象类型的 prop 来说，在子组件中改变这个对象或数组本身将会影响到父组件的状态。
注意那些 prop 会在一个组件实例创建之前进行验证，所以实例的属性 (如 data、computed 等) 在 default 或 validator 函数中是不可用的。
禁用特性继承 inheritAttrs: false
$attrs 这尤其适合配合实例的 $attrs 属性使用，该属性包含了传递给一个组件的特性名和特性值，例如：
{
required: true,
placeholder: ‘Enter your username’
}
为了解决这个问题，Vue 提供了一个 $listeners 属性，它是一个对象，里面包含了作用在这个组件上的所有监听器。
访问根实例
在每个 new Vue 实例的子组件中，其根实例可以通过 $root 属性进行访问。
$event Vue中的事件对象 $event.target.value
组件异步加载
components: {
‘my-component’: () => import(’./my-async-component’)
}
依赖注入
provide 和 inject。
provide 选项允许我们指定我们想要提供给后代组件的数据/方法。在这个例子中，就是 内部的 getMap 方法：
provide: function () {
return {
getMap: this.getMap
}
}
然后在任何后代组件里，我们都可以使用 inject 选项来接收指定的我们想要添加在这个实例上的属性：
inject: [‘getMap’]
vue混入
自定义指令
directives: {
focus: {
// 指令的定义
inserted: function (el) {
el.focus()
}
}
}