Vue.js添加组件操作示例

本文实例讲述了Vue.js添加组件操作。分享给大家供大家参考，具体如下：

！DOCTYPE HTMl HTMl标题vue。js hello world/title脚本src=' http : './vue。js '/脚本/头体div id=' example ' my-component v-: click=' Cao '/my-component/div脚本/定义var my component=Vue。扩展({ template : ' Diva自定义组件！/div ' })；//注册Vue.component('my-component '，my component)；//创建根实例new Vue({ el: '#example ')，methods : { Cao : function(event){ alert(event。目标。标记名))；} } });/脚本/正文/html效果：

局部注册

不需要全局注册每个组件。可以让组件只能用在其它组件内，用实例选项成分注册：

var Child=Vue.extend({ /*.*/})var Parent=Vue。extend({ template : ' . '，组件3360 {//我的组件只能用在父组件模板内my-component': Child }})希望本文所述对大家vue.js程序设计有所帮助。