浅谈Vue下的组件模板晴微风温度12-24C
可以看出，随着我们深入Vue，HTML代码的工程量会减少。 今天我们来谈谈组件模板在Vue中的初步使用和应用
让我们先简单地写一下组件代码
(用局部方法制作模板)
div id='app' haha/haha/div/*这是最简单、最常用的模板创建方法。 用局部方法创建模板时要小心。 局部模板的作用范围只能在相对vue对象的范围内。 例如，在本例中，haha/haha的范围仅在div id='app' /div内，haha装载在vm的组件下，因此vm装载的相应节点在id=app的div上*/laha datata ) )，则全局模板kfddr一定可以放在任何地方使用
div id='app' hehe/hehe/div//其中，使用Vue.component原型方法创建vue.component('hehe '，template 3360 ' div fff dent letVM=newvue(El:(#app )、data:{ } )、components: )//此处无需添加。 因为它们互不影响) ) ) ) ) ) ) ) ) ) ) )其他方法
divid=' app ' Xixi/Xixi/divletxixi={ template : ' div Nico div ' } let VM=new vue ({ El : ' # app '，data{ } )
/*看看最简单的父亲、儿子和孙子的例子。 1 .首先实例化对象虚拟机。 2 .创建合作伙伴模板并将其装载到虚拟机的conponents下。 3 .创建son模板，装载在父伙伴的conponents下，将目标根节点添加到HTML节点(节点的顺序必须正确)/didition，该HTML节点将自己的东西包在父类的template属性中，并同样标记孙子标签孙子模板let grendson={ template : '创建div孙子/div '创建儿子模板lets on={ template : } son儿子gren dson孙子/gren dson/son ' 创建父亲模板let parent={ template 3360 } div ' components : { son } }//实例化虚拟机对象letVM=newvue({El:'#app '，DDD )