vue無法加載文件C:\Users\Administrator\AppData\Roaming\npm\vue.ps1因為在此系統上禁止運行腳本

解決方法

1、管理員身份運行PowerShell（命令提示符，來源于Linux的命令提示符也叫Shell）

2、執(zhí)行：set-ExecutionPolicy RemoteSigned （簽名或運行這些腳本）

結束。

vue中文件加載順序

vue文件加載順序：index.html>app.vue>main.js

加載順序詳情

• 執(zhí)行index.html（index.html中id為app的div標簽是一個掛載點，之后我們的Vue根實例就會掛載到該掛載點上）
• 執(zhí)行main.js
• main.js找到實例掛載app.vue文件，將index.html的掛載的內容顯示出來（用app.vue的template替換index.html中的<div id="app"></div>）
• main.js中引入了路由，可以將對應的組件渲染到router-view中
• rouer-view加載了Layout文件
• Layout 加載Navbar, Sidebar, AppMain

從加載順序中可以看出main.js是先執(zhí)行的，但出現（index.html>app.vue>main.js）問題是由ES6的模塊化加載規(guī)則導致的

ES6、CommonJs、AMD的加載規(guī)則

• CommonJS一般用于服務端比如node,AMD一般用于瀏覽器環(huán)境，并且允許非同步加載模塊，可以根據需要動態(tài)加載模塊；CommonJS和AMD都是運行時加載，ES6模塊是編譯時輸出接口。
• CommonJS模塊輸出的是一個值的拷貝，ES6模塊輸出的是值的引用；
• 因為CommonJS加載的是一個對象，（即module.exports屬性），該對象只有在腳本運行時才會生成，而ES6模塊不是對象，它的對外接口只是一種靜態(tài)定義，在代碼靜態(tài)解析階段就會生成。

因為ES6是編譯時加載且import命令具有提升效果，會提升到整個模塊的頭部，優(yōu)先執(zhí)行，故導致上述問題

總結

以上為個人經驗，希望能給大家一個參考，也希望大家多多支持腳本之家。

最新評論