過(guò)濾器：對(duì)頁(yè)面上的數(shù)據(jù)進(jìn)行篩選和過(guò)濾

1.全局過(guò)濾

html:
<p>{{num|過(guò)濾器的名字}}</p>
js:
Vue.filter("過(guò)濾器的名字"，function(){})

2.局部過(guò)濾器

new Vue({
    el:"#app",
    data:{},
    methods:{},
    filters:{
        過(guò)濾器的名字：function（）{}
    }
})

獲取時(shí)間

<script>
var date=new Date(); 
var year=date.getFullYear（）；年
var mon=date.getMonth（）+1；月
var ri=date.getDate（）；日
var week=date。getDay（）；星期
var hour=date.getHours（）；時(shí)
var min=date.getMinutes（）；分
var sec=date.getSeconds（）；秒


document.write(`今天是${year}年,${mon}月,${ri}日，星期${week}，${hour}點(diǎn)，${min}分，${sec}秒`)
</script>

數(shù)組api

1.String()

toString()把數(shù)組轉(zhuǎn)換為字符串，并返回結(jié)果。
注意： 數(shù)組中的元素之間用逗號(hào)分隔。

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.toString();
輸出為：
Banana,Orange,Apple,Mango

2.join()

join() 方法用于把數(shù)組中的所有元素轉(zhuǎn)換一個(gè)字符串。
元素是通過(guò)指定的分隔符進(jìn)行分隔的。

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var energy = fruits.join();
energy輸出結(jié)果：
Banana,Orange,Apple,Mango

3.concat()

concat() 方法用于連接兩個(gè)或多個(gè)數(shù)組。
該方法不會(huì)改變現(xiàn)有的數(shù)組，而僅僅會(huì)返回被連接數(shù)組的一個(gè)副本。

var hege = ["Cecilie", "Lone"]; 
var stale = ["Emil", "Tobias", "Linus"];
var kai = ["Robin"]; 
var children = hege.concat(stale,kai); 
children 輸出結(jié)果： 
Cecilie,Lone,Emil,Tobias,Linus,Robin

4.slice()

slice()方法返回一個(gè)從開始到結(jié)束（不包括結(jié)束）選擇的數(shù)組的一部分淺拷貝到一個(gè)新數(shù)組對(duì)象，原始數(shù)組不會(huì)被修改。
注意： slice() 方法不會(huì)改變?cè)紨?shù)組。

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(1,3);
citrus 結(jié)果輸出:
Orange,Lemon

5.splice(

splice() 方法用于插入、刪除或替換數(shù)組的元素。
注意：這種方法會(huì)改變?cè)紨?shù)組！。

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2,0,"Lemon","Kiwi");
fruits 輸出結(jié)果：
Banana,Orange,Lemon,Kiwi,Apple,Mango

6.reverse()

reverse() 方法用于顛倒數(shù)組中元素的順序。

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.reverse();
fruits 結(jié)果輸出：
Mango,Apple,Orange,Banana

7.push()

push() 方法將一個(gè)或多個(gè)元素添加到數(shù)組的末尾，并返回?cái)?shù)組的新長(zhǎng)度。
注意： 新元素將添加在數(shù)組的末尾。
注意： 此方法改變數(shù)組的長(zhǎng)度。
提示： 在數(shù)組起始位置添加元素請(qǐng)使用 unshift() 方法。

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.push("Kiwi")
fruits 結(jié)果輸出：
Banana,Orange,Apple,Mango,Kiwi

8..pop()

.pop() 方法用于刪除數(shù)組的最后一個(gè)元素并返回刪除的元素。
注意：此方法改變數(shù)組的長(zhǎng)度！
提示： 移除數(shù)組第一個(gè)元素，請(qǐng)使用 shift() 方法。

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.pop();
fruits 結(jié)果輸出：
Banana,Orange,Apple

9.unshift()

unshift() 方法可向數(shù)組的開頭添加一個(gè)或更多元素，并返回新的長(zhǎng)度。
注意： 該方法將改變數(shù)組的數(shù)目。
提示: 將新項(xiàng)添加到數(shù)組末尾，請(qǐng)使用 push() 方法。

var fruits = ["Banana", "Orange", "Apple", "Mango"]; 
fruits.unshift("Lemon","Pineapple"); 
fruits 將輸出： 
Lemon,Pineapple,Banana,Orange,Apple,Mango

10.shift()

shift() 方法用于把數(shù)組的第一個(gè)元素從其中刪除，并返回第一個(gè)元素的值。
注意： 此方法改變數(shù)組的長(zhǎng)度！
提示: 移除數(shù)組末尾的元素可以使用 pop() 方法

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift()
fruits結(jié)果輸出:Orange,Apple,Mango