vue項目如何運行

涉及到的項目文件

最近因為公司項目問題，開始學習vue。萬事開頭難，開始寫博客，紀錄一下小白的成長，也方便以后看

• index.html >主頁，項目入口
• main.js >main.js是我們的入口文件，主要作用是初始化vue實例，并引入所需要的插件
• App.vue > 根組件 所有頁面都是在App.vue下進行切換的
• router/index.js >路由文件

index.html，main.js，App.vue 三者關系

在網(wǎng)頁的Title部分，加載了index.html中定義的Title，而在正文部分，加載了App.vue中定義的部分

<div id="app">來自index.html正文中的內(nèi)容</div>

上面有一個id為app的掛載點，之后我們的Vue根實例就會掛載到該掛載點上；

new Vue({
? el: '#app',//告訴該實例要掛載的地方；（即實例裝載到index.html中的位置）
? router,
? components: { App },//注冊了一個局部組件App
? template: '<App/>'//模板就是組件App.vue中的template中的內(nèi)容。（template會替代原來的的掛載點處的內(nèi)容）
})

小結

在項目運行中，main.js作為項目的入口文件，運行中，找到其實例需要掛載的位置，即index.html中，剛開始，index.html的掛載點處的內(nèi)容會被顯示，但是隨后就被實例中的組件中的模板中的內(nèi)容所取代，所以我們會看到有那么一瞬間會顯示出index.html中正文的內(nèi)容。

• node_modules為依賴的模塊
• config中配置了路徑端口值等
• build中配置了webpack的基本配置、開發(fā)環(huán)境配置、生產(chǎn)環(huán)境配置等

vue踩坑記錄：vue項目運行卡在百分之幾幾幾

今天晚上打著游戲，同事突然叫我拉項目下來運行，我打完就去拉代碼了，結果vue項目運行卡在66%不動了，我也是百度一下分享別人怎么解決的文章給他，繼續(xù)我的游戲！

結果呢？

游戲結束后，我拉代碼，還是這個錯！我也按照給他的文章做了一遍，還是卡著！隨后就是漫長的探索找八哥~~~~~~~。

換掉腳手架版本~~~卡了?。?！

卸載axios~~~~~~卡著！?。?！

刪除node_modules文件夾，在install，，卡?。。。。?/p>

改npm鏡像！在阿里和原生鏡像反復橫跳~~~~~

。。。。。。。。。。。。。。。。。。

沒法子了！看代碼吧！項目運行又沒有報錯！我哪知道有啥問題呀        AQA

結果我在他的一個vue文件中中看到了一些綠綠的東西

把div合起來?。?！

我去！?。?！

在<template>標簽上有兩個根DIV，還有這種操作？？？？？？？

合并沖突吧，運行吧，不卡了！

提交代碼之后一定要合并沖突！

一定要合并沖突！

要合并沖突！

合并沖突！

沖突?。。。。。。。?！

誰都不想要綠綠的東西?。?！

盡量別在git控制臺提交！在編譯器提交，有沖突會提示！再拉代碼下來合并沖突再提交！！

摸了摸我的頭！

頭發(fā)又少了幾根了！

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