vue怎么创建component组件插件？
网友回复
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>BFW NEW PAGE</title>
<script id="bfwone" data="dep=vue.2.2.min|&err=0" type="text/javascript" src="http://repo.bfw.wiki/bfwrepo/js/bfwone.js"></script>
<script type="text/javascript">
bready(function() {
let like = Vue.extend({
template: `
<div>
<h2>全局组件定义方法一</h2>
<p>全局组件定义方法一内容</p>
</div>
...点击查看剩余70%
by thinkfuture
因为组件是可复用的 Vue 实例，所以它们与 new Vue 接收相同的选项，例如 data、computed、watch、methods 以及生命周期钩子等。仅有的例外是像 el 这样根实例特有的选项。
组件基础： 全局组件：可以在任何（根）实例中使用的组件； 局部组件：只能在某一实例中使用的组件： 一、定义全局组件和局部组件的两种方法： 方法一：定义一个全局组件和局部组件 全局组件： let like = Vue.extend({ template: `全局组件定义方法一
全局组件定义方法一内容
局部组件定义方法一
局部组件定义方法一内容
这是一个全局组件
全局组件内容省略！
这是一个局部组件
布局组件内容同样省略！
使用template定义的组件
使用template定义的组件的内容！
子组件child1
` }); let child2 = Vue.extend({ template: `子组件child2
` }); Vue.component('like', { components: { 'child-com1': child1, 'child-com2': child2 }, template: `子组件child1
` }); let child2 = Vue.extend({ template: `子组件child2
` }); new Vue({ el: '#app1', components: { 'child-app1': { components: { 'child-com1': child1, 'child-com2': child2 }, template: `{{ username }}
' }); new Vue({ el: '#app', data: { nickname: '小七' } }) 五、平行组件传递数据：用空实例搭建桥梁我说：
`,
methods: {
on_change: function(){
Event.$emit('huahua-said-something', this.i_said);
}
},
data: function(){
return {
i_said: ''
}
}
})
Vue.component('shuangdan', {
template: '花花说：{{huahua_said}}
',
data: function(){
return {
huahua_said: ''
}
},
mounted: function(){
var me = this;
Event.$on('huahua-said-something', function(data){
me.huahua_said = data;
})
}
})
new Vue({
el: '#app'
})
六、prop：
1、在 JavaScript 中对象和数组是通过引用传入的，所以对于一个数组或对象类型的 prop 来说，在子组件中改变这个对象或数组本身将会影响到父组件的状态。
2、prop 会在一个组件实例创建之前进行验证，所以实例的属性 (如 data、computed 等) 在 default 或 validator 函数中是不可用的。
七、is：
解析 DOM 模板时的注意事项
有些 HTML 元素，诸如 - 、
- 、