Vue組件模板的幾種書寫形式(3種)

當(dāng)然，如果template內(nèi)容少的話，我們可以直接在組件中書寫，而不需要用template標(biāo)簽。像下面這樣：

 Vue.component('test-component',{
    template:`
this is test,{{test}}
`,
    data(){
     return{
       test:"hello test"
       }
      }
  })

3.第三種 單文件組件

這種方法常用在vue單頁應(yīng)用中

創(chuàng)建.vue后綴的文件,組件Hello.vue，放到components文件夾中

app.vue

以上就是Vue組件模板的幾種書寫形式(3種)的詳細(xì)內(nèi)容，更多關(guān)于Vue 組件模板請關(guān)注創(chuàng)新互聯(lián)其它相關(guān)文章！