2017-06-20 66 views
1

我正在Vue.js中寫入我的網站的單個頁面。我有一個file.html和一個file.jsfile.html看起來是這樣的:將vue模板預編譯爲渲染函數

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.3.4/vue.min.js"></script> 
<body> 
    <div id="app"> 
    // everything to be displayed on the page (data, v-if & v-else tags etc.) 
    </div> 
</body> 

file.js看起來是這樣的:

new Vue({ 
    el: '#app', 
    data: { 
     msg: "hello", 
     // some other data 
    } 
}); 

當我下載該網站,警告顯示:

[email protected]:440 Vue公司警告]:看起來您正在使用內容安全策略 禁止不安全評估的環境中使用Vue.js的獨立版本 。模板編譯器無法在此 環境中工作。考慮放寬策略以允許不安全評估或 將您的模板預編譯爲渲染函數。

我不得不在我的應用程序中不允許使用eval,所以唯一的方法就是預編譯vue代碼。我查閱了Webpack和Browserify,但它們看起來相當複雜,並且總是與一個整個應用程序一起使用,而我只是想要預編譯一個單獨的文件。

有沒有辦法做到這一點? 在此先感謝。

回答

1

不,沒有辦法做到這一點據我所知。 要預編譯模板,您必須使用單個文件組件(或jsx)。

這是我覺得你的選擇的完整列表: