Vue cli腳手架之時間過濾器

2021-09-23 14:25:46 字數 870 閱讀 2625

一、vue-cli腳手架建立全域性過濾器:

1、在src資料夾下建立filters資料夾,filters資料夾下建立檔案index.js

2、在main.js中引入後進行註冊過濾器

// 引入過濾器檔案

import filters from './filters/index';

// 過濾器註冊

object.keys(filters).foreach(k => vue.filter(k, filters[k]));

二、時間過濾器

在寫專案中後端返回的時間格式不一定是我們想要的格式,需要我們對時間資料進行處理返回專案需要的格式

1、格式化時間函式:

/**

* 格式化時間

* @param date 時間

* @param fmt 格式化型別

* @returns 格式化後的時間

*/const fmtdate = (date, fmt) => ;

if (/(y+)/.test(fmt))

for (let k in o)

}return fmt;

};

2、統一處理時間資料後進行傳參處理

/**

* 日期資料轉為數字時間戳

* @param time 時間

* @param fmt 格式化方式序號

* @returns 格式化後的時間

*/exports.dateformatfun = (time, fmt = 1) =>

}};

這個時候就可以在元件中愉快的使用時間過濾器了,按照自己的需求傳入引數。

搭建vue cli腳手架

前期工作準備 2.安裝 映象,因為我們用的npm的伺服器是外國,有的時候我們安裝 依賴 的時候會超級慢,所以就用這個cnpm來安裝我們說需要的 依賴 命令列輸入 npm install g cnpm registry 安裝完成後,就可以用cnpm 代替 npm 速度會快很多。3.安裝webpack,...

Vue cli腳手架基礎

vue cli是乙個vue腳手架,可以快速構造專案結構 vue cli本身整合了多種專案模板 很少簡單 webpack 包含eslint 規範檢查和unit單元測試等 webpack 沒有 規範檢查和單元測試 browserify 使用的也比較多 browserify 2.1 安裝vue cli,配...

vue cli腳手架安裝

映象使用方法 三種辦法任意一種都能解決問題,建議使用第三種,將配置寫死,下次用的時候配置還在 1.通過config命令 npm config set registry npm info underscore 如果上面配置正確這個命令會有字串response 2.命令列指定 npm registry ...