『壹』 一個.vue文件,是如何被編譯在瀏覽器中運行的
自我理解的作用:解析轉換.vue文件。提取出script,css,template,再分別交給對應的loader去處理。核心就是提取。
官方定義:
1、允許為唯胡鏈vue組件的每個部分使用他的webpack loader,例如在style中使用sass,在template中使用Pug
2、允許一個.vue文件中做凳使用自定義塊,並對其運用自定義的loader鏈
3、使用webpack loader將style,template中引用的資源當作模塊依賴處理
4、為指孫每個組件模擬出scoped css
5、在開發過程中使用熱重載來保持狀態
『貳』 vue項目部署iis伺服器
一、將vue項目進行打包編譯後,根目錄生成dist的文件
當出現如上圖顯示時,說明打包編譯完成,已經生成dist文件
二、打開iis伺服器
打開iis伺服器後選中【網站】後右擊選【添加網站】,就可對網站進行配置,物理路徑選擇編譯後的dist文件夾後選確定就行。
三、右擊選擇【啟動】後出現如下報錯信息:
除非Windows Activation Service (WAS)和萬維網發布服務(W3SVC)均處於運行狀態,否則無法啟動網站
解決:
打開命令提示符中輸入services.msc ,打開服務。
找到windows install及word wide web發布服務選項,分別右擊啟動,並右鍵屬性改為啟動類型就可以。
這是重新啟動下,就可以訪問。
『叄』 請教vue.js的問題
/*!
* Vue.js v1.0.12
* (c) 2015 Evan You
* Released under the MIT License.
*/
(function (global, factory) {
typeof exports === 'object' && typeof mole !== 'undefined' ? mole.exports = factory() :
typeof define === 'function' && define.amd ? define(factory) :
global.Vue = factory();
}
通過你的第二張截圖看到你也用的是一個在線 js 資源。
看一下這個 js 資源有沒有正常的載入下來。
我從中把前幾行引用出來。你可以看到,實例化的全局變數的名稱。你可以通過斷點調試確認執行情況。
我看到你的這段代碼的上面還有一些代碼。你需要排除一下是不是上面的代碼對 Vue 實例有一些影響。