Vue 實用元件

2022-08-02 20:12:12 字數 553 閱讀 5542

一、時間格式

1.安裝moment模組

npm i moment -s

2.main.js中設定全域性過濾器

import moment from 'moment'

vue.filter('ctime',function(data,timeset='yyyy-mm-dd hh-mm-ss'))

3.過濾器使用設定

二、陣列內字典去重

定義方法

unique(arr) ,

使用:this.repairlist = this.unique(ret.data.data)
三、陣列內字典id排序

methods內定義方法

sortbykey(arr,key) )

},

view code

computed內呼叫

getrepairlist() ,
view code

vue實用指令

先批量註冊元件指令,新建directives index.js檔案 import copy from copy const directives const install function vue export default install 在main.js中匯入檔案 import vue fr...

vue元件引入另一vue元件

個人blog,歡迎關注加收藏 在元件中引入另一組件 元件化開發,最重要的特點就是其復用性。當某一部分內容重複出現在多個元件中 時,可以將其提出單獨組成乙個元件。重複使用。如下圖 其中底部導航條的部分 就會出現在多個元件中 在當前元件card.vue中引入barbottom.vue的步驟如下 在car...

vue元件與元件化

元件化是當今最為流行的一種可復用性增加的方法,隨著當今前端開發的複雜度更加,這個元件化變得越來越流行 vue.js通過vue.extend 方法來擴充套件元件的使用 vue.extend options 裡面的options引數和 vue options 的options引數幾乎是一致的 new v...