訂閱
糾錯
加入自媒體
當前位置： OFweek 人工智能網   >   模式識別   >  正文

一篇文章教會你創(chuàng)建vue項目和使用vue.js實現(xiàn)數(shù)據增刪改查


【五、界面的布局】

這個項目我們用到boostrap．css文件，怎么引入這個boostrap的包呢？

1）打開cmd命令再這個項目輸入npm install bootsrtap；

2）在style樣式內寫入這行代碼：

＠import ＂～bootstrap／dist／css／bootstrap．min．css＂

3）寫頁面需要用到的組件布局：

4）在v－for 中的數(shù)據，直接從 data 上的list中直接渲染過來的，我們自定義了一個 search 方法，同時，把所有的關鍵字，通過傳參的形式，傳遞給了 search方法，在 search 方法內部，通過for 循環(huán)，把所有符合 搜索關鍵字的數(shù)據，保存到 一個新數(shù)組中，返回。

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

<上一頁  1  2  3  4  下一頁>  余下全文
聲明： 本文由入駐維科號的作者撰寫，觀點僅代表作者本人，不代表OFweek立場。如有侵權或其他問題，請聯(lián)系舉報。

發(fā)表評論

共0條評論，0人參與

請輸入評論內容...

請輸入評論/評論長度6~500個字

您提交的評論過于頻繁，請輸入驗證碼繼續(xù)

暫無評論

暫無評論

    掃碼關注公眾號
    OFweek人工智能網
    獲取更多精彩內容
    文章糾錯
    x
    *文字標題：
    *糾錯內容：
    聯(lián)系郵箱：
    *驗 證 碼：

    粵公網安備 44030502002758號