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

聲明:
本文由入駐維科號的作者撰寫,觀點僅代表作者本人,不代表OFweek立場。如有侵權或其他問題,請聯(lián)系舉報。
請輸入評論內容...
請輸入評論/評論長度6~500個字
最新活動更多
推薦專題
- 1 AI 眼鏡讓百萬 APP「集體失業(yè)」?
- 2 大廠紛紛入局,百度、阿里、字節(jié)搶奪Agent話語權
- 3 深度報告|中國AI產業(yè)正在崛起成全球力量,市場潛力和關鍵挑戰(zhàn)有哪些?
- 4 一文看懂視覺語言動作模型(VLA)及其應用
- 5 上海跑出80億超級獨角獸:獲上市公司戰(zhàn)投,干人形機器人
- 6 國家數(shù)據(jù)局局長劉烈宏調研格創(chuàng)東智
- 7 下一代入口之戰(zhàn):大廠為何紛紛押注智能體?
- 8 百億AI芯片訂單,瘋狂傾銷中東?
- 9 Robotaxi新消息密集釋放,量產元年誰在領跑?
- 10 格斗大賽出圈!人形機器人致命短板曝光:頭腦過于簡單