一篇文章教會你創(chuàng)建vue項目和使用vue.js實現(xiàn)數(shù)據(jù)增刪改查
2020-05-25 11:02
Python進階學習交流
關(guān)注
【五、界面的布局】
這個項目我們用到boostrap.css文件,怎么引入這個boostrap的包呢?
1)打開cmd命令再這個項目輸入npm install bootsrtap;
2)在style樣式內(nèi)寫入這行代碼:
@import "~bootstrap/dist/css/bootstrap.min.css"
3)寫頁面需要用到的組件布局:
4)在v-for 中的數(shù)據(jù),直接從 data 上的list中直接渲染過來的,我們自定義了一個 search 方法,同時,把所有的關(guān)鍵字,通過傳參的形式,傳遞給了 search方法,在 search 方法內(nèi)部,通過for 循環(huán),把所有符合 搜索關(guān)鍵字的數(shù)據(jù),保存到 一個新數(shù)組中,返回。
5)接下在data定義id、name、keywords、list。

聲明:
本文由入駐維科號的作者撰寫,觀點僅代表作者本人,不代表OFweek立場。如有侵權(quán)或其他問題,請聯(lián)系舉報。
最新活動更多
推薦專題
-
10 大模型的盡頭是開源
- 1 特斯拉工人被故障機器人打成重傷,索賠3.6億
- 2 【行業(yè)深度研究】退居幕后四年后,張一鳴終于把算法公司變成AI公司?
- 3 AI 時代,阿里云想當“安卓” ,那誰是“蘋果”?
- 4 硬剛英偉達!華為發(fā)布全球最強算力超節(jié)點和集群
- 5 機器人9月大事件|3家國產(chǎn)機器人沖刺IPO,行業(yè)交付與融資再創(chuàng)新高!
- 6 谷歌“香蕉”爆火啟示:國產(chǎn)垂類AI的危機還是轉(zhuǎn)機?
- 7 00后華裔女生靠兩部AI電影狂賺7.8億人民幣,AI正式進軍好萊塢
- 8 美光:AI Capex瘋投不止,終于要拉起存儲超級周期了?
- 9 華為已殺入!AI領(lǐng)域最熱黃金賽道,大廠的數(shù)字人美女讓我一夜沒睡著覺
- 10 隱退4年后,張一鳴久違現(xiàn)身!互聯(lián)網(wǎng)大佬正集體殺回