一篇文章教會你創建vue項目和使用vue.js實現數據增刪改查
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 中的數據,直接從 data 上的list中直接渲染過來的,我們自定義了一個 search 方法,同時,把所有的關鍵字,通過傳參的形式,傳遞給了 search方法,在 search 方法內部,通過for 循環,把所有符合 搜索關鍵字的數據,保存到 一個新數組中,返回。

5)接下在data定義id、name、keywords、list。

聲明:
本文由入駐維科號的作者撰寫,觀點僅代表作者本人,不代表OFweek立場。如有侵權或其他問題,請聯系舉報。
請輸入評論內容...
請輸入評論/評論長度6~500個字
最新活動更多
- 1 AI狂歡遇上油價破百,全球股市還能漲多久? | 產聯看全球
- 2 OpenAI深夜王炸!ChatGPT Images 2.0實測:中文穩、細節炸,設計師慌了
- 3 6000億美元估值錨定:字節跳動的“去單一化”突圍與估值重構
- 4 Tesla AI5芯片最新進展總結
- 5 連夜測了一波DeepSeek-V4,我發現它可能只剩“審美”這個短板了
- 6 熱點丨AI“瑜亮之爭”:既生OpenClaw,何生Hermes?
- 7 AI界的殺豬盤:9秒刪庫跑路,全員被封號,還繼續扣錢!
- 8 2026,人形機器人只贏了面子
- 9 DeepSeek降價90%:價格屠夫不是身份,是戰略
- 10 AI Infra產業鏈卡在哪里了?


分享













