vue-cli筆記-創(chuàng)新互聯(lián)

vue-cli筆記
1、main.js 程序入口文件，是初始化vue實例并使用需要的插件,加載各種公共組件.

創(chuàng)新互聯(lián)專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于網(wǎng)站設(shè)計制作、成都網(wǎng)站制作、臺安網(wǎng)絡(luò)推廣、微信小程序、臺安網(wǎng)絡(luò)營銷、臺安企業(yè)策劃、臺安品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運營等，從售前售中售后，我們都將竭誠為您服務(wù)，您的肯定，是我們大的嘉獎；創(chuàng)新互聯(lián)為所有大學(xué)生創(chuàng)業(yè)者提供臺安建站搭建服務(wù)，24小時服務(wù)熱線：13518219792，官方網(wǎng)址：www.cdcxhl.com

import Vue from 'vue'
import App from './App'
import router from './router'

其實最完整的寫法分別是：
import Vue from "../node_modules/vue/dist/vue.js";
import App from './App.vue';
簡寫說明：
a.import...from...的from命令后面可以跟很多路徑格式，若只給出vue，axios這樣的包名，則會自動到 node_modules中加載；若給出相對路徑及文件前綴，則到指定位置尋找。
b.可以加載各種各樣的文件：.js、.vue、.less等等。
c.可以省略掉from直接引入。
vue-cli筆記
這里new Vue代表新建vue對象
el官方解釋：為實例提供掛載元素。值可以是 CSS 選擇符，或?qū)嶋H HTML 元素，或返回 HTML 元素的函數(shù)。
這里就通過index.html中的

中的id=“app”和這里的“#app”進(jìn)行掛載。
components:代表組件。這里的App，實際是App:App的省略寫法，template里使用的標(biāo)簽來自組件App.vue。
template：代表模板。官方解釋：模板將會替換掛載的元素。掛載元素的內(nèi)容都將被忽略。
也就是說:template: '' 表示用替換index.html里面的

總結(jié)：main.js中的根實例會掛載到index.html中的

，且用template替換，即替換為. 由于根實例注冊了App組件，所以這標(biāo)簽就是App.vue組件。由于App.vue中含有，所以路由匹配成功的頁面都在這里進(jìn)行渲染和切換。

2、App.vue
App.vue是我們的主組件，頁面入口文件，所有頁面都是在App.vue下進(jìn)行切換的。也是整個項目的關(guān)鍵，app.vue負(fù)責(zé)構(gòu)建定義及頁面組件歸集。
可以理解所有的路由也是App.vue的子組件，所以我將router標(biāo)示為App.vue的子組件。
vue-cli筆記
router-view：用來渲染匹配到的路由的
這里，App.vue里面有
在main.js里面，定義了路由path:'/'，匹配了HelloWorld組件，所以在默認(rèn)首頁，就渲染了HelloWorld組件里面的內(nèi)容

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

網(wǎng)頁標(biāo)題：vue-cli筆記-創(chuàng)新互聯(lián)
URL分享：http://weahome.cn/article/dejcsd.html