一篇文章弄懂vue.js中的组件

组件的使用方法

1.全局注册

Vue.component('my-component',{
template:'
我是组件的内容
'
})
优点：所有的nue实例都可以用
缺点：权限太大，容错率降低

2.局部注册

var app = new Vue({
el:'#app',
components:{
'my-component':{
template: '
我是组件的内容
'
}
}
})

自定义事件—子组件给父组件传递数据

使用v­on 除了监昕 DOM 事件外，还可以用于组件之间的自定义事件。
JavaScript 的设计模式 一一观察者模式， dispatchEvent 和 addEventListener这两个方法。
Vue 组件也有与之类似的一套模式，子组件用

on（）来 监昕子组件的事件 。

第一步：自定义事件
第二步： 在子组件中用$emit触发事件，第一个参数是事件名，后边的参数是要传递的数据
第三步：在自定义事件中用一个参数来接受

    您现在的银行卡余额是{{total}}