剛接觸vue,現(xiàn)在在寫一個項目,想獨立出html模板文件。
看教程,template都是用+
拼的字符串,感覺好糟糕。
之后查到vue可以從html文件里根據(jù)id讀取<template>標(biāo)簽中的內(nèi)容,并以此作為模板。
html:
<template id="project-header-template">
<a v-link="{ path: '/me' }">我的</a>
<a v-link="{ path: '/other' }">更多</a>
</template>
js:
var Header = Vue.extend({
template: '#project-header-template'
});
然而目前都是寫到入口文件里的。
因為模板比較多,想在開發(fā)過程中,像angularjs那樣每個模板對應(yīng)一個html文件。但是不知道vue如何引用獨立的html文件。
試過在node-webkit中直接使用template: require('./templates/header.template.html')
,
結(jié)果報錯:Unexpected token <
好像不是這么用的。
求個能想angularjs那樣獨立引用html模板文件的方法。
而且最好盡量避免在開發(fā)過程中就打包。
走同樣的路,發(fā)現(xiàn)不同的人生