一篇文章教會(huì)你創(chuàng)建vue項(xiàng)目和使用vue.js實(shí)現(xiàn)數(shù)據(jù)增刪改查
【五、界面的布局】
這個(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。

發(fā)表評(píng)論
請(qǐng)輸入評(píng)論內(nèi)容...
請(qǐng)輸入評(píng)論/評(píng)論長(zhǎng)度6~500個(gè)字
圖片新聞
最新活動(dòng)更多
-
10月23日火熱報(bào)名中>> 2025是德科技創(chuàng)新技術(shù)峰會(huì)
-
10月23日立即報(bào)名>> Works With 開發(fā)者大會(huì)深圳站
-
10月24日立即參評(píng)>> 【評(píng)選】維科杯·OFweek 2025(第十屆)物聯(lián)網(wǎng)行業(yè)年度評(píng)選
-
11月27日立即報(bào)名>> 【工程師系列】汽車電子技術(shù)在線大會(huì)
-
12月18日立即報(bào)名>> 【線下會(huì)議】OFweek 2025(第十屆)物聯(lián)網(wǎng)產(chǎn)業(yè)大會(huì)
-
精彩回顧立即查看>> 【限時(shí)福利】TE 2025國(guó)際物聯(lián)網(wǎng)展·深圳站
推薦專題