5 .vue.js 组件

首先抱歉,前段时间整理的东西没有写数字和索引,导致自己都看了烦,so,下面的日子我会写索引。

1.  先写个template  (你组件所需要的)

 
<template id="aaa">
		<h1>xxxx</h1>
		<slot>这是默认的情况</slot>
		<p>welcome vue</p>
	</template>
2.给个div

<div id="box">
		<ccc>
			<ul>
				<li>1111</li>
				<li>2222</li>
				<li>{{a}}</li>//这里我是测试组件 里面能不用我的vue数据
			</ul>
		</ccc>
		<hr>
		<ccc>
		</ccc>
	</div>
3.这里是js
var vm=new Vue({
			el:'#box',
			data:{
				a:'aaa'//vue数据
			},
			components:{
				'ccc':{
					template:'#aaa'
				}
			}
		});
结果:

总结一下,组件其实是代码的复用,(可能有些我不知道的功能)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值