一篇文章教會(huì)你創(chuàng)建vue項(xiàng)目和使用vue.js實(shí)現(xiàn)數(shù)據(jù)增刪改查
2020-05-25 11:02
Python進(jìn)階學(xué)習(xí)交流
關(guān)注
【五、界面的布局】
這個(gè)項(xiàng)目我們用到boostrap．css文件，怎么引入這個(gè)boostrap的包呢？
1）打開cmd命令再這個(gè)項(xiàng)目輸入npm install bootsrtap；
2）在style樣式內(nèi)寫入這行代碼：
＠import ＂～bootstrap／dist／css／bootstrap．min．css＂
3）寫頁面需要用到的組件布局：
4）在v－for 中的數(shù)據(jù)，直接從 data 上的list中直接渲染過來的，我們自定義了一個(gè) search 方法，同時(shí)，把所有的關(guān)鍵字，通過傳參的形式，傳遞給了 search方法，在 search 方法內(nèi)部，通過for 循環(huán)，把所有符合 搜索關(guān)鍵字的數(shù)據(jù)，保存到 一個(gè)新數(shù)組中，返回。
5）接下在data定義id、name、keywords、list。
分享
聲明：
本文由入駐維科號(hào)的作者撰寫，觀點(diǎn)僅代表作者本人，不代表OFweek立場。如有侵權(quán)或其他問題，請(qǐng)聯(lián)系舉報(bào)。
發(fā)表評(píng)論
共0條評(píng)論，0人參與
請(qǐng)輸入評(píng)論內(nèi)容...
請(qǐng)輸入評(píng)論/評(píng)論長度6~500個(gè)字
最新活動(dòng)更多
-
7月22-29日立即報(bào)名>> 【線下論壇】第三屆安富利汽車生態(tài)圈峰會(huì)
-
7.30-8.1火熱報(bào)名中>> 全數(shù)會(huì)2025（第六屆）機(jī)器人及智能工廠展
-
7月31日免費(fèi)預(yù)約>> OFweek 2025具身智能機(jī)器人產(chǎn)業(yè)技術(shù)創(chuàng)新應(yīng)用論壇
-
免費(fèi)參會(huì)立即報(bào)名>> 7月30日- 8月1日 2025全數(shù)會(huì)工業(yè)芯片與傳感儀表展
-
即日-2025.8.1立即下載>> 《2024智能制造產(chǎn)業(yè)高端化、智能化、綠色化發(fā)展藍(lán)皮書》
-
8月5日立即報(bào)名>> 【在線會(huì)議】CAE優(yōu)化設(shè)計(jì)：醫(yī)療器械設(shè)計(jì)的應(yīng)用案例與方案解析
推薦專題
