使用components结合template模板创建树

最新推荐文章于 2022-05-30 22:45:00 发布

weixin_汪汪

最新推荐文章于 2022-05-30 22:45:00 发布

阅读量105

点赞数

分类专栏： vue

本文链接：https://blog.csdn.net/weixin_40136343/article/details/109330861

版权

vue 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

		<div id="app">
			<p>{{city}}</p>
			<my-heder></my-heder>
		</div>
		<script>
			var cityname = {
				template: '<a style="color:red">大写城市CQ</a>'
			}
			var myheder = {
				template: '<p>子组件<city-name></city-name></p>',
				components:{
					'city-name': cityname,
					/* 根节点 */
				},
			}
			new Vue({
				el: '#app',
				data: {
					city: '重庆'
				},
				components: {
					'my-heder': myheder,
					/* 子节点 */
				}
			})
		</script>