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

聲明:
本文由入駐維科號的作者撰寫,觀點(diǎn)僅代表作者本人,不代表OFweek立場。如有侵權(quán)或其他問題,請聯(lián)系舉報(bào)。
發(fā)表評論
共0條評論,0人參與
請輸入評論內(nèi)容...
請輸入評論/評論長度6~500個字
最新活動更多
-
8月5日立即報(bào)名>> 【在線會議】CAE優(yōu)化設(shè)計(jì):醫(yī)療器械設(shè)計(jì)的應(yīng)用案例與方案解析
-
8月14日立即報(bào)名>> 【在線研討會】解析安森美(onsemi)高精度與超低功耗CGM系統(tǒng)解決方案
-
精彩回顧立即查看>> 《2024智能制造產(chǎn)業(yè)高端化、智能化、綠色化發(fā)展藍(lán)皮書》
-
精彩回顧立即查看>> 7月30日- 8月1日 2025全數(shù)會工業(yè)芯片與傳感儀表展
-
精彩回顧立即查看>> 全數(shù)會2025(第六屆)機(jī)器人及智能工廠展
-
精彩回顧立即查看>> OFweek 2025 具身機(jī)器人動力電池技術(shù)應(yīng)用大會
推薦專題
- 1 AI產(chǎn)業(yè)的新高度!英偉達(dá)成為全球首家市值破4萬億美元的公司
- 2 傳魏建軍與賈躍亭合作,長城汽車出海美國
- 3 一文讀懂:到底什么是 “具身智能” ?
- 4 黃仁勛:與雷軍長期合作,共探AI智駕
- 5 具身智能泡沫爭議下,華映資本尋找「穿越周期者」
- 6 中國平安們欲靠AI守“陣地”
- 7 官宣:智元機(jī)器人借殼上市,A股人形機(jī)器人第一股!
- 8 華為讓渡“三界”銷售主導(dǎo)權(quán),智界高管:終于能全力奔跑了
- 9 借仿生手實(shí)現(xiàn)突圍,國產(chǎn)靈巧手破局“不可能三角”
- 10 DeepSeek R2加持,中國AI與芯片產(chǎn)業(yè)迎來新一輪協(xié)同進(jìn)化