vue template功能

对应的是另一篇:
http://www.xiuyuanxi.com/it/web/1521096735.html
<div id="box">
			<my-aaa></my-aaa>
		</div>
		
		<template id="aaa">
			<b>这是新内容</b>
			<ul>
				<li v-for="val in arr">{{val}}</li>
			</ul>
		</template>
		
		<script>
			var vm=new Vue({
				el:'#box',
				data:{
					
				},
				components:{
					'my-aaa':{
						data(){
							return{
								arr:['apple','banner']
							}
						},
						//#aaa是上面自定义模板中的ID
						template:'#aaa'
					}
				}
			})
		</script>
使用后template中的内容会被显示在<my-aaa>里面
上一篇:vue component组件

评论

大侠名号:   验证码: 点击我更换图片  

修远兮

在这里记录每一点自己需要的知识

添加创始人微信,一起交流心得

推荐文章RECOMMEND