时间:2021-05-26
组件的全局注册必须注意是在实例化对象之前完成。
Vue.component("mytest",{ template:'<li>{{name}}</li>', props:['name']})new Vue({//...})而局部注册则只能在父模板内使用
<div id="clear" ><mytest v-for='li in list' v-bind:name='li'></mytest></div>var vm=new Vue({ el:'#clear', data:{ list:[1,2,3] }, components:{ 'mytest':{ template:'<li>{{name}}</li>', props:['name'] } }})以上这篇Vue-component全局注册实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
1、全局注册(这种方式注册组件必须在vue实例化之前声明)Vue.component('tag-name',{})2、局部注册varChild={templat
component使用component的注册1.全局注册使用用Vue.component('componentName',{template:'hellowo
1.第一种使用script标签{{test}}looktestcomponent!//全局注册组件Vue.component('test-component',
前言本文将对vue组件如何解析以及渲染做一个讲解。我们可以通过Vue.component注册全局组件,之后可以在模板中进行使用Vue.component("my
全局组件注册语法components中的两个参数组件名称和组件内容Vue.component(组件名称,{data:组件数据,template:组件模板内容})