全棧開發中如何展示文章？
前端vu
在vue項目中使用md5加密的方法？
一、關于JSmd5加密:下載包:1:MD5.JS；2:md4.js；3:sha1.js.二、使用MD5加密的方法:下載md5.js文件，參考網頁中的文件:lt腳本類型。
vue的filter如何調用function的方法？
vu:2.0刪除了1.0自帶的所有濾鏡，也就是說，在2.0中，我們需要自己編寫濾鏡。
B:2.0過濾器以函數的傳遞參數，而不是之前的。下面舉個例子(附具體例子):
:之前打過。
現在給:打{{msg|Mimi(#3912#39，#395#39)}}
C:去掉了雙向濾波器:
(#39更改#39，{
r:函數(val){
返回值
},
writ:函數(val，oldVal){
返回is:·奧德瓦爾
}
})
1.組件的內部過濾(編寫這個例子是為了處理數據顯示的樣式，不會改變原始數據)
lt！DOCTYPEhtmlgt
lthtmllang#34en#34gt
ltheadgt
ltmetacharset#34UTF-8#34gt
ltmetaname#34viewport#34content#34widthdevice-width，initial-scale1.0#34gt
ltmetahttp-equiv#34X-UA兼容#34content#34ieedge#34gt
lttitlegtfilterlt/titlegt
ltscriptsrc##34gtlt/scriptgt
lt/headgt
ltbodygt
ltdivid#34app#34gt
ltulgt
lt！-添加兩個過濾器，注意不要，注意順序-gt
ltliv-for列表#34gt中的#34項目{{|filteradd1|filteradd2}}lt/ligt
lt/ulgt
lt/divgt
lt/bodygt
ltscriptgt
varvm新Vu:#39#app#39，
data(){
返回{
list:[
{#34id#34:0，#34titl:#3411111#34，#34cont#34:#34111111#34}，
{#34id#34:1，#34titl:#3422222#34，#34cont#34:#341111111#34}，
{#34id#34:2，#34titl:#3433333#34，#34cont#34:#341111111#34}，
{#34id#34:3，#34titl:#3444444#34，#34cont#34:#34111111#34}，
]
}
},
filt:{
filt:{
},
已安裝(){
}
})
lt/scriptgt
lt/htmlgt
2.在全局filter中注冊，filter，filter動態值傳遞。
lt！DOCTYPEhtmlgt
lthtmllang#34en#34gt
ltheadgt
ltmetacharset#34UTF-8#34gt
ltmetaname#34viewport#34content#34widthdevice-width，initial-scale1.0#34gt
ltmetahttp-equiv#34X-UA兼容#34content#34ieedge#34gt
lttitlegtfilterlt/titlegt
ltscriptsrc##34gtlt/scriptgt
lt/headgt
ltbodygt
ltdivid#34app#34gt
ltulgt
lt！-添加兩個過濾器，注意不要，注意順序-gt
lt！-過濾傳遞的值，帶引號的值是字符串，不帶引號的值是數字，傳遞的值可以動態綁定-gt
ltliv-for列表#34gt中的#34項目{{|filterAdd1(Number(input)，20)|filterAdd2}}lt/ligt
lt/ulgt
ltinputtype#34text#34placeholder#34place#34v-model#34input#34gt
lt/divgt
lt/bodygt
ltscriptgt
(#39filt:#39#app#39，
data(){
返回{
input:5，
list:[
{#34id#34:0，#34titl:#3411111#34，#34cont#34:#34111111#34}，
{#34id#34:1，#34titl:#3422222#34，#34cont#34:#341111111#34}，
{#34id#34:2，#34titl:#3433333#34，#34cont#34:#341111111#34}，
{#34id#34:3，#34titl:#3444444#34，#34cont#34:#341111111#34}，
]
}
},
m:{
},
已安裝(){
}
})
lt/scriptgt
lt/htmlgt
結果:
3.計算屬性篩選、方法方法篩選
lt！DOCTYPEhtmlgt
lthtmllang#34en#34gt
ltheadgt
ltmetacharset#34UTF-8#34gt
ltmetaname#34viewport#34content#34widthdevice-width，initial-scale1.0#34gt
ltmetahttp-equiv#34X-UA兼容#34content#34ieedge#34gt
lttitlegtdocumentlt/titlegt
lt！-ltscriptsrc#34vue.js#34gtlt/scriptgt-gt
ltscriptsrc##34gtlt/scriptgt
lt/headgt
ltbodygt
ltdivid#34app#34gt
ltltdiv@click#34addmore#34gt#34gt加載更多lt/divgt。
ltulgtltliv-forfilterlist#34gt{{item}}lt/ligtlt/ulgt中的#34項目
lthrgt
ltulgtltliv-for#34iteminfilterlistFun()#34gt{{item}}lt/ligtlt/ulgt
lt/divgt
lt/bodygt
ltscriptgt
varvm新Vu:#39#app#39，
data(){
返回{
siz:5，
list:[
{#34id#34:0，#34titl:#3411111#34，#34cont#34:#34111111#34}，
{#34id#34:1，#34titl:#3422222#34，#34cont#34:#341111111#34}，
{#34id#34:2，#34titl:#3433333#34，#34cont#34:#341111111#34}，
{#34id#34:3，#34titl:#3444444#34，#34cont#34:#341111111#34}，
{#34id#34:4，#34titl:#3455555#34，#34cont#34:#3455555#34}，
{#34id#34:5，#34titl:#3466666#34，#34cont#34:#3466666#34}，
{#34id#34:6，#34titl:#3477777#34，#34cont#34:#3477777#34}，
{#34id#34:7，#34titl:#3477777#34，#34cont#34:#3488888#34}，
{#34id#34:8，#34titl:#34888888#34，#34cont#34:#34999999#34}，
{#34id#34:9，#34titl:#34000000#34，#34cont#34:#3499999#34}，
{#34id#34:10，#34titl:#34a88888#34，#34cont#34:#3499999#34}，
{#34id#34:11，#34titl:#34a22222#34，#34cont#34:#341111111#34}，
{#34id#34:12，#34titl:#34a33333#34，#34cont#34:#34111111#34}，
{#34id#34:13，#34titl:#34a44444#34，#34cont#34:#34111111#34}，
{#34id#34:14，#34titl:#34a55555#34，#34cont#34:#3455555#34}，
{#34id#34:15，#34titl:#34a66666#34，#34cont#34:#3466666#34},
{#34id#34:16，#34titl:#34a77777#34，#34cont#34:#3477777#34}，
{#34id#34:17，#34titl:#34a77777#34，#34cont#34:#3488888#34}，
{#34id#34:18，#34titl:#34a888888#34，#34cont#34:#34999999#34}，
{#34id#34:19，#34titl:#34a000000#34，#34cont#34:#3499999#34}，
{#34id#34:20，#34titl:#34a88888#34，#34cont#34:#3499999#34}
]
}
},
comput:{
filt:{
filterlistFun(val){
讓
return(函數(數字){
返回lt編號
})
},
addMore(){
五
},
},
已安裝(){
}
})
lt/scriptgt
lt/htmlgt
4.使用js中的迭代函數過濾器。
示例1原始文本
varapp5新Vu:39號app539號，
data:{
shoppingList:[
牛奶34號，甜甜圈34號，餅干34號，巧克力34號，#34花生醬#34、#34比斯莫爾#34、#34比斯莫爾(巧克力味)#34、#34比斯莫爾(餅干味)#34
],
k:34號
},
comput:{
filt:函數(){
//`this`指向虛擬機實例
var鍵
var購物清單
//使用filter時，需要注意的是，前面調用的是需要使用filter的數組，數組中的每一項都是傳遞給filter函數的，也就是說filter中的函數就是每一項需要做的事情，返回每一個結果。
return(函數(項目){
return()。indexOf(())！-1
})
}
}
})
ltulgt
過濾器鍵輸入類型#34文本#34v-型號#34鍵#34gt
ltliv-用于filterShoppingList#34gt中的#34項目
{{item}}
lt/ligt
lt/ulgt
最終效果實現了根據關鍵詞過濾列表的功能。
其他Js迭代方法——filter()，map()，some()，every()，forEach()，lastIndexOf()。