使用components结合template模板创建树

		<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>