成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

學(xué)習(xí)Vue.js-Day2

Zhuxy / 399人閱讀

書接上文/思考反饋

react,ng,vue作用差不多，那各個都有什么特點(diǎn)啊，實(shí)際工作中應(yīng)該用哪一個？

答：其實(shí)在實(shí)際工作中，組員會通過討論而選擇框架；這三個框架都能解放你的工作量，也適合做單頁面應(yīng)用
【今天又是努力的一天】

案例：品牌管理案例

結(jié)合第一天所學(xué)知識，做案例；螺旋式提升開發(fā)能力

案例要點(diǎn)：

添加新品牌

刪除品牌

篩選品牌

主體分成兩大部分，先編寫主體代碼，再做添加。
分為1，添加信息區(qū)域 2，展示信息區(qū)域
添加信息區(qū)域代碼如下，大致 包括 三個輸入框，以及一個添加按鈕


      

        
添加品牌

信息展現(xiàn)區(qū)域，包括Id,Name,Time等信息的展示


      
        

          Id
          Name
          Ctime
          Operation
        

      
      
        
        
        
        

          {{ item.id }}
          
          {{ item.ctime | dateFormat() }}
          
            刪除
完成以上步驟之后，請認(rèn)真閱讀下面知識點(diǎn)及步驟。

通過使用 過濾器，可以達(dá)到 重寫時(shí)間的作用，比如 "2018-09-02T12:58:41.347Z"，可以變?yōu)?2018-9-2 21:19:6

過濾器

概念：Vue.js 允許你自定義過濾器，可被用作一些常見的文本格式化。過濾器可以用在兩個地方：mustache 插值和 v-bind 表達(dá)式。過濾器應(yīng)該被添加在 JavaScript 表達(dá)式的尾部，由“管道”符指示；

1. 過濾器的定義

    // 過濾器的定義語法
     Vue.filter("過濾器的名稱", function(){})

    // 過濾器中的 function ，第一個參數(shù)，已經(jīng)被規(guī)定死了，永遠(yuǎn)都是 過濾器 管道符前面 傳遞過來的數(shù)據(jù)
    /* Vue.filter("過濾器的名稱", function (data) {
      return data + "123"
    }) */

以下例子，當(dāng)句子中存在“單純”自動換成其他

  
  

    
{{ msg | msgFormat("瘋狂+1", "123") | test }}

  


  

  // 過濾器的定義語法
    // Vue.filter("過濾器的名稱", function(){})

    // 過濾器中的 function ，第一個參數(shù)，已經(jīng)被規(guī)定死了，永遠(yuǎn)都是 過濾器 管道符前面 傳遞過來的數(shù)據(jù)
    /* Vue.filter("過濾器的名稱", function (data) {
      return data + "123"
    }) */

注意！??！先后順序，要先定義過濾器，在實(shí)例化vue，否則會Failed to resolve filter

修飾符的應(yīng)用

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/97345.html

相關(guān)文章

  • 學(xué)習(xí)Vue.js-Day2

    書接上文/思考反饋 react,ng,vue作用差不多，那各個都有什么特點(diǎn)啊，實(shí)際工作中應(yīng)該用哪一個？ 答：其實(shí)在實(shí)際工作中，組員會通過討論而選擇框架；這三個框架都能解放你的工作量，也適合做單頁面應(yīng)用【今天又是努力的一天】 案例：品牌管理案例 結(jié)合第一天所學(xué)知識，做案例；螺旋式提升開發(fā)能力 案例要點(diǎn)： 添加新品牌 刪除品牌 篩選品牌 showImg(https://segmentfault.c...

    megatron 評論0 收藏0

  • 學(xué)習(xí)Vue.js-Day2

    書接上文/思考反饋 react,ng,vue作用差不多，那各個都有什么特點(diǎn)啊，實(shí)際工作中應(yīng)該用哪一個？ 答：其實(shí)在實(shí)際工作中，組員會通過討論而選擇框架；這三個框架都能解放你的工作量，也適合做單頁面應(yīng)用【今天又是努力的一天】 案例：品牌管理案例 結(jié)合第一天所學(xué)知識，做案例；螺旋式提升開發(fā)能力 案例要點(diǎn)： 添加新品牌 刪除品牌 篩選品牌 showImg(https://segmentfault.c...

    BakerJ 評論0 收藏0

  • Vue.js-Day01

    摘要：現(xiàn)在，我們可以使用指令將待辦項(xiàng)傳到每一個重復(fù)的組件中現(xiàn)在我們?yōu)槊總€提供待辦項(xiàng)對象待辦項(xiàng)對象是變量，即其內(nèi)容可以是動態(tài)的蔬菜奶酪隨便其他什么人吃的東西 本來是準(zhǔn)備學(xué)習(xí)angular的，但是總是卡在開頭看不下去，干脆換個框架，那就vue吧!使用jquery要引入特定的庫，那使用vue也類似，可以在頭部引入 我覺得vue最重要的理念就是將值和DOM綁定在一起，將數(shù)據(jù)渲染進(jìn)DOM有以下幾種...

    Clect 評論0 收藏0

  • 學(xué)習(xí)Vue.js-Day1

    摘要：學(xué)習(xí)內(nèi)容，基本語法和概念，打包工具，實(shí)戰(zhàn)操作參考文獻(xiàn)官網(wǎng)官方資料庫全家桶全家桶文檔概念前端框架借助可以實(shí)現(xiàn)手機(jī)開發(fā)前端框架是一套構(gòu)造用戶界面的框架，只關(guān)于視圖層前端的主要工作室跟用戶界面打交道，中的，實(shí)現(xiàn)界面效果框架是為了提高開發(fā) 學(xué)習(xí)內(nèi)容 1，Vue基本語法和概念 2， 打包工具 Webpack , Gulp3，實(shí)戰(zhàn)操作 參考文獻(xiàn)：官網(wǎng)： https://cn.vuejs.org...

    Cheriselalala 評論0 收藏0

發(fā)表評論

0條評論

閱讀需要支付1元查看
<