精品专区-精品自拍9-精品自拍三级乱伦-精品自拍视频-精品自拍视频曝光-精品自拍小视频

網站建設資訊

NEWS

網站建設資訊

vue-cli筆記

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

創新互聯公司-云計算及IDC服務提供商,涵蓋公有云、IDC機房租用、成都二樞服務器租用托管、等保安全、私有云建設等企業級互聯網基礎服務,歡迎咨詢:18982081108

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 選擇符,或實際 HTML 元素,或返回 HTML 元素的函數。
這里就通過index.html中的

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

總結:main.js中的根實例會掛載到index.html中的
,且用template替換,即替換為. 由于根實例注冊了App組件,所以這標簽就是App.vue組件。由于App.vue中含有,所以路由匹配成功的頁面都在這里進行渲染和切換。

2、App.vue
App.vue是我們的主組件,頁面入口文件,所有頁面都是在App.vue下進行切換的。也是整個項目的關鍵,app.vue負責構建定義及頁面組件歸集。
可以理解所有的路由也是App.vue的子組件,所以我將router標示為App.vue的子組件。
vue-cli筆記
router-view:用來渲染匹配到的路由的
這里,App.vue里面有
在main.js里面,定義了路由path:'/',匹配了HelloWorld組件,所以在默認首頁,就渲染了HelloWorld組件里面的內容


分享標題:vue-cli筆記
URL網址:http://m.jcarcd.cn/article/pssdjs.html
主站蜘蛛池模板: 97视频观看 | 91视频网站免费 | 91福利在线网 | 国产精品第十页 | 区二区欧 | 日韩天堂 | 国产日本免费乱伦 | 欧美另类第一页 | 成人精品妖精视频在 | 99影视| 91精品国产秘原神 | 国产精品视频露脸 | 91视频.com | 天美麻花星空视 | 午夜高清电影 | 国产在线视频专区 | 97超级碰碰碰 | 最新热播电视剧大全 | 欧美中文字幕 | 日本一黄一区区 | 91资源在线视频 | 国产中文不卡二区 | 国产精品露脸国语 | 成人h视频在线观 | 国产精品亚洲自 | 日韩美女三级视频 | 女同蕾丝一 | 欧美一区在线日韩 | 国产成a人亚洲精v | 国产va在线播放 | 乱伦中字网站 | 最新国产ts人妖系列视频 | 国产在线精品9 | 成人日韩国产在线 | 日本不卡 | 91老熟女对白露脸 | 精品国产门事 | 最新手机在线电影 | 国产偷亚洲偷 | 国产老妇| 日本欧美一 |