如何正確的使用vue-cli 組件

發(fā)布時(shí)間：2021-03-29 15:33:15 來源：億速云閱讀：159 作者：Leah 欄目：web開發(fā)

本篇文章給大家分享的是有關(guān)如何正確的使用vue-cli 組件，小編覺得挺實(shí)用的，因此分享給大家學(xué)習(xí)，希望大家閱讀完這篇文章后可以有所收獲，話不多說，跟著小編一起來看看吧。

1.main.js文件解讀

.是整個(gè)項(xiàng)目的入口文件,在src文件夾下
.import（es6）引入vue和根組件app.vue
.最后new Vue，啟動(dòng)應(yīng)用

如何正確的使用vue-cli 組件

2、組件的使用

.定義的組件一般放到components目錄下
.用一個(gè)組件的過程

a .被引用的文件暴露對象(如果組件中沒有script，可以不需要暴露)

如何正確的使用vue-cli 組件

b. 父組件引入子組件，注冊組件（全局組件不需要引入），使用組件

如何正確的使用vue-cli 組件

擴(kuò)展：import

import OO from XX

1.import相當(dāng)于var、let去聲明一個(gè)變量OO（自定義，解構(gòu)賦值都可以）

2.from：引入哪個(gè)文件

.如果是自己定義的文件，一定要寫相對路徑‘./'
.如果引入node——modules下的文件不需要寫

如何正確的使用vue-cli 組件

     import 變量 from ‘模塊路徑
     import {解構(gòu)賦值} from ‘模塊路徑
     import {* as 變量} from ‘模塊路徑

3.此時(shí)OO返回一個(gè)對象

4.如果希望對象中有內(nèi)容，需要XX先暴露出對象，這樣OO才能接收到并在當(dāng)前文件使用。根據(jù)暴露對象的格式，決定接手變量的格式

.暴露多個(gè)對象，通過解構(gòu)賦值接收

如何正確的使用vue-cli 組件

.暴露多個(gè)對象，通過一個(gè)變量接收

如何正確的使用vue-cli 組件

以上就是如何正確的使用vue-cli 組件，小編相信有部分知識(shí)點(diǎn)可能是我們?nèi)粘９ぷ鲿?huì)見到或用到的。希望你能通過這篇文章學(xué)到更多知識(shí)。更多詳情敬請關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細(xì)節(jié)

猜你喜歡