当前位置： 移动技术网 > IT编程>开发语言>JavaScript > vue基础：组件的创建方式和组件的data值

vue基础：组件的创建方式和组件的data值

2019年11月03日  | 移动技术网IT编程  | 我要评论

vue组件是什么：

组件是可复用的 vue 实例，组件可以进行任意次数的复用

vue组件创建方式有3种：

//第一种创建组件的方式
// vue.extend创建全局组件
var com1 = vue.extend({
    template: '<h1>我的第1个组件</h1>'
});
//注册组件
//vue.component('组件名称','组件的模板对象')
vue.component('user_com1', com1);


//第二种创建组件的方式
vue.component('user_com2',{
   template: '<h1>我的第2个组件</h1>'
});
//第三种创建组件的方式
vue.component('user_com3',{
    template:'#mytemplate'
});

组件的da'ta必须作为一个函数，返回对象

vue.component('test_data',{
   template:"<h1>{{msg}}</h1>",
   data:function () {
       return{
           msg:'我是组件中的data'
       }
   }
});

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网