學習Vue.js-Day2

Zhuxy 發布于2019-08-23 11:42 / 395人閱讀

書接上文/思考反饋

react,ng,vue作用差不多，那各個都有什么特點啊，實際工作中應該用哪一個？

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

案例：品牌管理案例

結合第一天所學知識，做案例；螺旋式提升開發能力

案例要點：

添加新品牌

刪除品牌

篩選品牌

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

信息展現區域，包括Id,Name,Time等信息的展示


      
        
          Id
          Name
          Ctime
          Operation
        
      
      
        
        
        
        
          {{ item.id }}
          
          {{ item.ctime | dateFormat() }}
          
            刪除

Id	Name	Ctime	Operation
{{ item.id }}		{{ item.ctime \| dateFormat() }}	刪除

完成以上步驟之后，請認真閱讀下面知識點及步驟。

通過使用過濾器，可以達到重寫時間的作用，比如 "2018-09-02T12:58:41.347Z"，可以變為 2018-9-2 21:19:6

過濾器

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

1. 過濾器的定義

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

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

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

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

  

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

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

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

修飾符的應用

云服務器 GPU云服務器深度學習2 機器學習2 2017深度學習 21天深度學習

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/97345.html

學習Vue.js-Day2

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

megatron 2019-08-02 16:03 評論0 收藏0
學習Vue.js-Day2

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

BakerJ 2019-08-29 16:36 評論0 收藏0
Vue.js-Day01

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

Clect 2019-08-01 16:34 評論0 收藏0
學習Vue.js-Day1

摘要：學習內容，基本語法和概念，打包工具，實戰操作參考文獻官網官方資料庫全家桶全家桶文檔概念前端框架借助可以實現手機開發前端框架是一套構造用戶界面的框架，只關于視圖層前端的主要工作室跟用戶界面打交道，中的，實現界面效果框架是為了提高開發學習內容 1，Vue基本語法和概念 2，打包工具 Webpack , Gulp3，實戰操作參考文獻：官網： https://cn.vuejs.org...

Cheriselalala 2019-08-29 16:34 評論0 收藏0