亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

Vue后端程序員極速入門

or0fun / 2010人閱讀

摘要:前言因?yàn)槲揖褪侵鞴ズ蠖说某绦騿T,前端感覺就是知道個(gè)大概就行,所以就是自己學(xué)著些皮毛罷了,想掌握的同學(xué)們建議看其他人的文章嗷。然后我們?cè)谥芯植孔?cè)使用組件如上,引入組件,然后中注冊(cè)組件即可。

前言

因?yàn)槲揖褪侵鞴ズ蠖说某绦騿T,前端感覺就是知道個(gè)大概就行,所以就是自己學(xué)著些皮毛罷了,想掌握Vue的同學(xué)們建議看其他人的文章嗷。另外比較基礎(chǔ)的一些東西我也寫在了本專欄的另外一篇《Vue基礎(chǔ)》里,有需要的可以去看看。這里只記一些我不太懂的問題,并且只是了解并非想熟悉掌握。

指令

在另一篇基礎(chǔ)里面好像遺漏了下面這兩個(gè),現(xiàn)在添上。

組件基礎(chǔ)上







vite就是另一種創(chuàng)建Vue工程的方式,感覺目錄結(jié)構(gòu)和vue-cli也差不多,感覺也可以參考一下。















注意下面的全局注冊(cè)組件是在main.js中進(jìn)行的;

這個(gè)就和上面的相反,局部注冊(cè)是你想在哪個(gè)組件中被注冊(cè)使用則就在哪個(gè)組件中按如下方法進(jìn)行注冊(cè);











示例:

如外界想要傳遞一些參數(shù)數(shù)據(jù)到上面這個(gè)組件(my-artical)的話,我們就需要在script標(biāo)簽中的props屬性中用數(shù)組形式接收。
然后我們?cè)贏pp.vue中局部注冊(cè)使用my-artical組件:

如上,引入組件(import),然后components中注冊(cè)組件即可。
然后在里面使用my-artical組件,并傳遞兩個(gè)值:

瀏覽可以看到:



示例:



組件基礎(chǔ)下

props驗(yàn)證






計(jì)算屬性



注意:計(jì)算屬性側(cè)重于得到一個(gè)計(jì)算的結(jié)果,因此計(jì)算屬性中必須有return返回值!

自定義事件





組件上的v-model



組件之間的數(shù)據(jù)共享





vue3.x中全局配置axios



注意上面標(biāo)紅的的那段app.config…是固定寫法。

路由

前端路由的概念與原理




結(jié)論:前端路由,指的是Hash地址與組件之間的對(duì)應(yīng)關(guān)系!




但是在開發(fā)過程中我們并不需要向上面一樣寫代碼,這我們就了解一下就行了,知道有這么回事就行,在開發(fā)當(dāng)中我們路由的編寫是靠vue-router來(lái)寫的。

vue-router的基本用法

vue-router使用步驟






這個(gè)不就對(duì)應(yīng)了vue-cli創(chuàng)建的vue項(xiàng)目中的router文件夾了嗎,嘿嘿


在main.js中掛載路由,固定寫法:

vue-router的高級(jí)用法





編程式導(dǎo)航




導(dǎo)航首位






最后

vue-cli




黑馬的這個(gè)是vue2.0版本的創(chuàng)建方式,我覺得參考性不太大,就不放了,放其他我覺得會(huì)比較有用的東西。

組件庫(kù)








救命,就這樣叭,不是專業(yè)前端這些我感覺應(yīng)該夠用了。

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://www.ezyhdfw.cn/yun/122320.html

相關(guān)文章

  • 三篇文章帶你極速入門php(三)之php原生實(shí)現(xiàn)登陸注冊(cè)

    摘要:看下成果純天然,絕不添加任何添加劑以及化學(xué)成分我就是喜歡純天然,不接受任何反駁關(guān)于本文用原生的和做了一個(gè)登陸注冊(cè),大概是可以窺見一般開發(fā)的樣子了。 看下成果 ps:純天然h5,絕不添加任何添加劑(css)以及化學(xué)成分(js)( 這行session_start() 是開啟session,必須在最開始寫,保證我們可以使用session相關(guān)的功能 如果當(dāng)前session里沒有存用戶的昵...

    Hancock_Xu 評(píng)論0 收藏0
  • 分享一個(gè)比較完整的Vue2+項(xiàng)目供大家交流學(xué)習(xí)

    摘要:分享一個(gè)比較完整的項(xiàng)目供大家交流學(xué)習(xí),這個(gè)項(xiàng)目的英文簡(jiǎn)介項(xiàng)目地址在線演示翻譯過來(lái)呢就是一個(gè)涉及面較廣的使用豆瓣作為數(shù)據(jù)源的。 分享一個(gè)比較完整的Vue2+項(xiàng)目供大家交流學(xué)習(xí),這個(gè)項(xiàng)目的英文簡(jiǎn)介:Awesome douban DEMO created with Vue2.x + Vuex + Vue-router + vue-resource 項(xiàng)目地址:https://github.co...

    Charlie_Jade 評(píng)論0 收藏0
  • SugarHosts:糖果主機(jī)12周年活動(dòng)/全場(chǎng)虛擬主機(jī)低至5折/可選香港、中美極速專線等/三年付每

    sugarhosts怎么樣,sugarhosts好不好,sugarhosts是一家成立于2009年的英國(guó)建站主機(jī)銷售商家,主營(yíng)虛擬主機(jī)及vps服務(wù)器業(yè)務(wù),有美國(guó)cn2 gia和香港直連線路可以選擇,是非常適合國(guó)人免備案建站使用的主機(jī)銷售商家,支持支付寶付款購(gòu)買,有中文官網(wǎng),支持中文工單對(duì)接處理問題等等,除此之外美國(guó)cn2 gia、香港直連線路也是國(guó)內(nèi)免備案建站的首選線路。Sugarhosts?糖果...

    red_bricks 評(píng)論0 收藏0
  • 1 小時(shí) SQL 極速入門(三)——分析函數(shù)

    摘要:小時(shí)極速入門前面兩篇我們從的最基礎(chǔ)語(yǔ)法講起,到表聯(lián)結(jié)多表查詢。大家可以點(diǎn)擊鏈接查看小時(shí)極速入門一小時(shí)極速入門二今天我們講一些在做報(bào)表和復(fù)雜計(jì)算時(shí)非常實(shí)用的分析函數(shù)。就會(huì)得到每個(gè)分組內(nèi)的按照訂單數(shù)量排序的行號(hào)。 1 小時(shí) SQL 極速入門 前面兩篇我們從 SQL 的最基礎(chǔ)語(yǔ)法講起,到表聯(lián)結(jié)多表查詢。大家可以點(diǎn)擊鏈接查看1 小時(shí) SQL 極速入門(一)1 小時(shí) SQL 極速入門(二)今天我...

    cyixlq 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

or0fun

|高級(jí)講師

TA的文章

閱讀更多
最新活動(dòng)
閱讀需要支付1元查看
<