vue注冊(cè)全局方法 vue-cli啟動(dòng)本地服務(wù)局域網(wǎng)不能訪問的原因分析?
vue-cli啟動(dòng)本地服務(wù)局域網(wǎng)不能訪問的原因分析?1. 要安裝node,Vue需要基于NPM的某個(gè)版本運(yùn)行,因此首先將NPM升級(jí)到最新版本。在安裝過程中,我比較喜歡淘寶的形象,所以我先安裝cnpm(
vue-cli啟動(dòng)本地服務(wù)局域網(wǎng)不能訪問的原因分析?
1. 要安裝node,Vue需要基于NPM的某個(gè)版本運(yùn)行,因此首先將NPM升級(jí)到最新版本。在安裝過程中,我比較喜歡淘寶的形象,所以我先安裝cnpm(因?yàn)樗俣群头€(wěn)定性都很好)。2在目標(biāo)文件夾中打開終端。三。執(zhí)行cnpm install vue cli-G Global installation run vue檢查安裝是否成功。4運(yùn)行Vue init webpack(注意:模板名稱)sell2(注意:項(xiàng)目名稱)。5輸入項(xiàng)目文件夾并執(zhí)行cnpm install來安裝包.json安裝完成后,節(jié)點(diǎn)模塊文件將自動(dòng)生成到項(xiàng)目文件夾中,以存儲(chǔ)已安裝的依賴關(guān)系文件。6因?yàn)橐蕾囮P(guān)系太多,編輯器在檢索模塊文件時(shí)會(huì)消耗大量?jī)?nèi)存,所以當(dāng)我們用webstorm編輯器啟動(dòng)項(xiàng)目時(shí),經(jīng)常右擊節(jié)點(diǎn)模塊文件夾停止檢查注意:webstorm一打開就卡住了,沒有辦法操作文件夾。解決此問題的方法是先以文件夾的形式打開并刪除node modules文件夾,然后阻止檢索,然后重新啟動(dòng)cnpm install*(此方法需要在安裝依賴項(xiàng)后運(yùn)行一次,然后刪除nodemodules子文件。Webstorm打開項(xiàng)目并禁止搜索節(jié)點(diǎn)7。運(yùn)行項(xiàng)目并執(zhí)行NPM Run dev(注意:此時(shí)不能使用cnpm,它必須是NPM)。8將所需資源投入到項(xiàng)目中。9我們需要使用路由功能,所以我們需要安裝Vue路由器。安裝方法:vnpm install vuve router--Save10。內(nèi)建/開發(fā)-服務(wù)器.js這樣,您就可以在運(yùn)行項(xiàng)目時(shí)獲得所需的JSON數(shù)據(jù)。這樣,您就可以成功地配置路由并獲得所需的數(shù)據(jù)。11在編寫代碼之前,在HTML文件下引入初始化樣式(以保持樣式的統(tǒng)一和美觀)。12調(diào)用組件的方法-
~主要.js引入config.jsimport文件從“.”/config”定義Vue.prototype.defines定義= 定義配置.js內(nèi)容如下:導(dǎo)出默認(rèn){姓名:“who”,性別:“male”,集合名(newname){這個(gè)名字=新名稱控制臺(tái).log(“name changed”)},然后在調(diào)用全局變量的Vue的HTML中添加以下內(nèi)容:{this.defines.name}}可以顯示全局變量。修改的方法是:添加Vue調(diào)用全局變量的腳本:this.defines.setname(小強(qiáng))控制臺(tái).log( this.defines.name)你可以改變它。
Vue中全局變量的定義和使用?
Vue的官方網(wǎng)站說,“您暫時(shí)不需要了解這些。。?!?,我想既然你要用Vue進(jìn)行開發(fā),如果你不完全理解它,你會(huì)發(fā)現(xiàn)你踩到的坑是由它在將來造成的。最好現(xiàn)在就吃。
主要從以下幾個(gè)方面進(jìn)行:
1。Vue的生命周期是什么
2。項(xiàng)目中Vue生命周期的執(zhí)行順序
3。Vue中的內(nèi)置方法和Vue生命周期的運(yùn)行順序(方法、計(jì)算、數(shù)據(jù)、監(jiān)視)
4。自建方法的運(yùn)行順序和Vue生命周期,如圖所示
5。總結(jié)
1。Vue的生命周期是什么
Vue的每個(gè)組件都是獨(dú)立的,每個(gè)組件都有自己的生命周期。創(chuàng)建、初始化、裝載、更新和銷毀組件就是所謂的組件生命周期。在組件中,具體的方法有:
beforecreate
created
beforemount
mounted
(
BeforeUpdate
updated
]beforedrostroy
destroyed
對(duì)應(yīng)的中文,就像字面意思一樣,英文差的童鞋可以找翻譯軟件!謝謝您!