日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

 
 

  
  

  
  

  
  
    {{count}}
  
  
    +
  
  

這一次，我們見到了新的內(nèi)容:

1. Vue的新屬性template。它的值用來加載html模板代碼。本案例中，就是放置本來在主HTML內(nèi)的兩個(gè)標(biāo)簽。需要注意的是，它們之外包括了一個(gè)div標(biāo)簽。因?yàn)閂ue2.0版本要求作為模板的html必須是單根的。
2. Vue的新屬性components，用來注冊(cè)一個(gè)局部組件。正是在此處，組件counter被注冊(cè)，從而在html標(biāo)簽內(nèi)可以直接使用來引用組件counter的。

盡管這個(gè)案例太小了，還看不出太大的好處。但是這樣的組件引入，讓相關(guān)性強(qiáng)的html元素和對(duì)應(yīng)的數(shù)據(jù)、代碼內(nèi)聚到了一起，這是符合軟件工程原則的、因此是值得鼓勵(lì)的行為。

新組件完全可以分離到另外一個(gè)script文件內(nèi)，從而達(dá)到不僅僅是邏輯上的代碼和主html分離，也做到了物理上的分離。

另外，使用template在代碼內(nèi)些html，還是比較煩人：

1. 你得小心的在外層使用單引號(hào)，在內(nèi)部使用雙引號(hào)
2. 混雜js和html觀感不佳

此時(shí)，可以使用的替代方法：

1. render函數(shù)。實(shí)際上所有的template字符串本來在內(nèi)部就被編譯為render函數(shù)的
2. 單文件組件技術(shù)
3. 或者vue支持的JSX。

當(dāng)然，后兩種方法就需要轉(zhuǎn)譯器和打包工具的配合。比如Babel和webpack的。這些內(nèi)容，請(qǐng)搜索參考

1. vue.js - advance - render 函數(shù)小抄
2. vue.js的起步

暫時(shí)不在討論之列。