訂閱
糾錯(cuò)
加入自媒體
當(dāng)前位置： OFweek 人工智能網(wǎng)   >   模式識(shí)別   >  正文

一篇文章教會(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。

<上一頁  1  2  3  4  下一頁>  余下全文
聲明： 本文由入駐維科號(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è)字

您提交的評(píng)論過于頻繁，請(qǐng)輸入驗(yàn)證碼繼續(xù)

  • 看不清，點(diǎn)擊換一張  刷新

暫無評(píng)論

暫無評(píng)論

    掃碼關(guān)注公眾號(hào)
    OFweek人工智能網(wǎng)
    獲取更多精彩內(nèi)容
    文章糾錯(cuò)
    x
    *文字標(biāo)題：
    *糾錯(cuò)內(nèi)容：
    聯(lián)系郵箱：
    *驗(yàn) 證 碼：

    粵公網(wǎng)安備 44030502002758號(hào)