解決vue無法加載文件C:\Users\Administrator\AppData\Roaming\npm\vue.ps1因?yàn)樵诖讼到y(tǒng)上禁止運(yùn)行腳本問題
vue無法加載文件C:\Users\Administrator\AppData\Roaming\npm\vue.ps1因?yàn)樵诖讼到y(tǒng)上禁止運(yùn)行腳本

解決方法
1、管理員身份運(yùn)行PowerShell(命令提示符,來源于Linux的命令提示符也叫Shell)

2、執(zhí)行:set-ExecutionPolicy RemoteSigned (簽名或運(yùn)行這些腳本)

結(jié)束。
vue中文件加載順序
vue文件加載順序:index.html>app.vue>main.js
加載順序詳情
- 執(zhí)行index.html(index.html中id為app的div標(biāo)簽是一個掛載點(diǎn),之后我們的Vue根實(shí)例就會掛載到該掛載點(diǎn)上)
- 執(zhí)行main.js
- main.js找到實(shí)例掛載app.vue文件,將index.html的掛載的內(nèi)容顯示出來(用app.vue的template替換index.html中的<div id="app"></div>)
- main.js中引入了路由,可以將對應(yīng)的組件渲染到router-view中
- rouer-view加載了Layout文件
- Layout 加載Navbar, Sidebar, AppMain
從加載順序中可以看出main.js是先執(zhí)行的,但出現(xiàn)(index.html>app.vue>main.js)問題是由ES6的模塊化加載規(guī)則導(dǎo)致的
ES6、CommonJs、AMD的加載規(guī)則
- CommonJS一般用于服務(wù)端比如node,AMD一般用于瀏覽器環(huán)境,并且允許非同步加載模塊,可以根據(jù)需要動態(tài)加載模塊;CommonJS和AMD都是運(yùn)行時加載,ES6模塊是編譯時輸出接口。
- CommonJS模塊輸出的是一個值的拷貝,ES6模塊輸出的是值的引用;
- 因?yàn)镃ommonJS加載的是一個對象,(即module.exports屬性),該對象只有在腳本運(yùn)行時才會生成,而ES6模塊不是對象,它的對外接口只是一種靜態(tài)定義,在代碼靜態(tài)解析階段就會生成。
因?yàn)镋S6是編譯時加載且import命令具有提升效果,會提升到整個模塊的頭部,優(yōu)先執(zhí)行,故導(dǎo)致上述問題
總結(jié)
以上為個人經(jīng)驗(yàn),希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
Vue Router實(shí)現(xiàn)多層嵌套路由的導(dǎo)航的詳細(xì)指南
在 Vue 應(yīng)用中,使用 Vue Router 可以輕松實(shí)現(xiàn)多層嵌套路由的導(dǎo)航,嵌套路由允許你創(chuàng)建一個多層次的 URL 結(jié)構(gòu),這在構(gòu)建具有復(fù)雜導(dǎo)航結(jié)構(gòu)的應(yīng)用程序時非常有用,需要的朋友可以參考下2024-10-10
vue項(xiàng)目如何設(shè)置全局字體樣式font-family
這篇文章主要介紹了vue項(xiàng)目如何設(shè)置全局字體樣式font-family問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-11-11
Vue之解決Echarts組件使用ID不能復(fù)用的問題
這篇文章主要介紹了Vue之解決Echarts組件使用ID不能復(fù)用的問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-03-03

