vue-cli 組件的導(dǎo)入與使用教程詳解
概述：
一個文件就是一個模塊，需要引入模塊，和暴露模塊的方法
在一個組件中使用另一個組件三部曲：引入組件、注冊組件、使用組件
1.main.js文件解讀
.是整個項目的入口文件,在src文件夾下
.import（es6）引入vue和根組件app.vue
.最后new Vue，啟動應(yīng)用
2、組件的使用
.定義的組件一般放到components目錄下
.用一個組件的過程
a .被引用的文件暴露對象(如果組件中沒有script，可以不需要暴露)
b. 父組件引入子組件，注冊組件（全局組件不需要引入），使用組件
擴展：import
import OO from XX
1.import相當(dāng)于var、let去聲明一個變量OO（自定義，解構(gòu)賦值都可以）
2.from：引入哪個文件
.如果是自己定義的文件，一定要寫相對路徑‘./'
.如果引入node——modules下的文件不需要寫
import 變量 from ‘模塊路徑
import {解構(gòu)賦值} from ‘模塊路徑
import {* as 變量} from ‘模塊路徑
3.此時OO返回一個對象
4.如果希望對象中有內(nèi)容，需要XX先暴露出對象，這樣OO才能接收到并在當(dāng)前文件使用。根據(jù)暴露對象的格式，決定接手變量的格式
.暴露多個對象，通過解構(gòu)賦值接收
.暴露多個對象，通過一個變量接收
總結(jié)
以上所述是小編給大家介紹的vue-cli 組件的導(dǎo)入與使用教程詳解，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
使用ElementPlus的Table啥都好，就是沒有可編輯表格，所以這篇文章就來和大家分享一下Vue實現(xiàn)極致舒適的可編輯表格的方法，希望對大家有所幫助2023-06-06
這篇文章主要介紹了vue單文件組件無法獲取$refs的問題,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-06-06
這篇文章主要介紹了vue-cli webpack 快速搭建項目的教程詳解，本文通過實例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值,需要的朋友可以參考下2018-11-11
在Vue中創(chuàng)建可重用的 Transition的方法
這篇文章主要介紹了在Vue中創(chuàng)建可重用的 Transition,本文通過示例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-06-06
這篇文章主要為大家介紹了vue實現(xiàn)無縫滾動手摸手教程示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-03-03
Vue實現(xiàn) 點擊顯示再點擊隱藏效果(點擊頁面空白區(qū)域也隱藏效果)
這篇文章主要介紹了Vue實現(xiàn) 點擊顯示 再點擊隱藏 點擊頁面空白區(qū)域也隱藏效果,本文通過實例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值,需要的朋友可以參考下2020-01-01
基于vue實現(xiàn)圖片預(yù)覽功能并顯示在彈窗的最上方
這篇文章主要為大家詳細(xì)介紹了如何基于vue實現(xiàn)圖片預(yù)覽功能并顯示在彈窗的最上方,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-10-10
vue + element-ui實現(xiàn)簡潔的導(dǎo)入導(dǎo)出功能
Element-UI是餓了么前端團隊推出的一款基于Vue.js 2.0 的桌面端UI框架,手機端有對應(yīng)框架是 Mint UI，下面這篇文章主要給大家介紹了關(guān)于利用vue + element-ui如何實現(xiàn)簡潔的導(dǎo)入導(dǎo)出功能的相關(guān)資料，需要的朋友可以參考下。2017-12-12
vue3使用iframe嵌入ureport2設(shè)計器,解決預(yù)覽時NullPointerException異常問題
這篇文章主要介紹了vue3使用iframe嵌入ureport2設(shè)計器,解決預(yù)覽時NullPointerException異常問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10
在Vue開發(fā)中遇到了搜索框輸入防抖處理,算是防抖的使用場景之一吧,這篇文章主要給大家介紹了關(guān)于Vue3指令之搜索框輸入防抖功能實現(xiàn)的相關(guān)資料,需要的朋友可以參考下2022-12-12