Vue 介紹SRC文件流程及根組件App

一.SRC文件流程

1. SRC文件流

  • assets存儲(chǔ)一些使用的圖片
  • components存放組件
  • App.vue根組件
  • main.js主要的js文件,與下方的入口index.html配合使用

2. main.js文件中,vue實(shí)例對(duì)象中有三個(gè)元素,el,components,template。

  • el:代表實(shí)例對(duì)象控制的容器元素,與index.html內(nèi)的一致
  • components:組件。想讓模板調(diào)用組件的話,就要在components中注冊(cè)組件。這里的App來(lái)源于App.vue根組件。
  • template:存放的是組件調(diào)用的根標(biāo)簽<App/>

3. SRC文件流程

index.html->main.js->App.vue

二.根組件App.vue

1. App.vue主要有三大部分

  • 模板template:html結(jié)構(gòu)。template不會(huì)被渲染進(jìn)dom中。有且只能有一個(gè)根目錄
  • script行為:處理邏輯
  • 樣式:解決樣式
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 1 Webpack 1.1 概念簡(jiǎn)介 1.1.1 WebPack是什么 1、一個(gè)打包工具 2、一個(gè)模塊加載工具 3...
    Kevin_Junbaozi閱讀 7,028評(píng)論 0 16
  • 孩子不聽(tīng)話是個(gè)另人頭疼的問(wèn)題。 在父母的眼中,總是會(huì)選擇性的去看到孩子的好的一面,大部分只是很正常的情形,而被看成...
    康有趣閱讀 153評(píng)論 0 0
  • 夏天的熱鬧,就在于它還存留者青春的氣息。就像村上春樹(shù)——《且聽(tīng)風(fēng)吟》。 “如果你志在追求藝術(shù)追求文學(xué),那么去讀一讀...
    艽艽艽艽閱讀 373評(píng)論 0 3
  • 在杭州待的那段時(shí)間,認(rèn)識(shí)一個(gè)兩歲男孩的全職媽媽。 她說(shuō)平時(shí)沒(méi)有時(shí)間做飯,基本天天點(diǎn)外賣。 還有前段時(shí)間網(wǎng)絡(luò)上有對(duì)老...
    桔梗草的夏天閱讀 1,709評(píng)論 16 48

友情鏈接更多精彩內(nèi)容