Vue组件

1:注册组件
全局注册

Vue.component ("model",{	})      //{}内的是一个vue对象,“”内的是组件名称

2.使用组件
Vue组件只可以被绑定了Vue的html元素中使用,如果没有div没有被Vue绑定,那么不能直接使用
template方法内写的是html标签可以直接被应用到页面中去
同时template内必须是要用一个根标签包裹

template:'<div>{{title}}<button type="button" @click="test">点我</button></div>',

3.作为组件的Vue对象
在组件中的Vue对象里的data属性和Vue实例对象里的data写法是有区别的

//在Vue实例中的data是直接写成data:{}键值对来定义的:
	new Vue({
		el:"#app",
		data:{
			name:'name'
		}
	})

//在Vue组件中的data是通过data函数返回一个键值对定义的:
{
	data:function(){
	return{
			name:'name'
		}
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值