组件-全局组件和局部组件
2018-01-30 17:40
453 查看
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="seg1"> <alert></alert> <ttt></ttt> </div> <div id="seg2"> <alert></alert> <ttt></ttt> </div> <div id="seg3"> <texts></texts> </div> <script src="../lib/vue.js"></script> <script src="js/main.js"></script> </body> </html>
Vue.component("ttt", { template: "<button @click=\"on_click\">全局弹弹弹</button>", methods: { on_click: function () { alert("Yo.") } } }); var obj = { template: "<button @click=\"on_click\">全局弹弹弹</button>", methods: { on_click: function () { alert("Yo.") } } } new Vue({ el: "#seg1", components: { "alert": { template: "<button @click=\"on_click\">弹弹弹</button>", methods: { on_click: function () { alert("Yo.") } } } } }); new Vue({ el: "#seg2", components: { "alert": { template: "<button @click=\"on_click\">弹弹弹</button>", methods: { on_click: function () { alert("点你大爷") } } } } }); new Vue({ el:"#seg3", components:{ "texts":obj } })
相关文章推荐
- Vue.js 组件-全局组件和局部组件
- 全局组件和局部组件
- VueJS组件之全局组件与局部组件
- vue 组件 全局注册与局部注册的方法
- vue2.0+基础知识连载(14)--- 局部组件与全局组件
- vue.js 组件-全局组件和局部组件
- vue教程3-03 vue组件,定义全局、局部组件,配合模板,动态组件
- Vue.js的全局/局部组件填坑记
- vue 全局/局部组件
- 对于vue中的全局组件和局部组件的一点小见解
- vue 组件 全局注册和局部注册的实现
- vue 全局组件和局部组件
- vue2.0 全局组件和局部组件
- VUE 全局组件 和 局部组建
- vue全局组件和局部组件
- vue全局与局部组件
- 深入浅析Vue全局组件与局部组件的区别
- vue全局组件和局部组件(一)
- vue全局组件与局部组件的方法
- vue全局组件与局部组件使用方法详解