1.動態(tài)綁定樣式
.bg{
? ? background-color : orange
}
<li :class="{bg:true}"></li>? ? ?//此處如果是true則顯示，如果是false笙以，則不顯示淌实。如下圖，給點擊處添加高亮效果
此處當showActive(點擊某處時源织，獲取該處的index翩伪，當高亮索引等于index的值時，則添加高亮效果)
行內(nèi)樣式綁定
2.計算屬性 computed?
? ? 在computed中定義的方法谈息，在文本中當屬性使用侠仇，默認情況下，計算屬性，只能讀桨吊，不能改。
定義完整結構的計算屬性：? ??
?fullName:{
? ? get(){return......}? ? ? ? ? ? ? ? ? ? ? ? // get方法，用于返回計算屬性的值
? ? set(){}? ? ? ? ? ? ? ? ? ? ? ? // set方法伸刃，用于修改計算屬性的值
}
計算屬性的優(yōu)勢是：有緩存，當頁面數(shù)據(jù)發(fā)生變化時症歇，所有的方法都要重新執(zhí)行
當計算屬性用到的數(shù)據(jù)發(fā)生變化時激捏，計算屬性才會執(zhí)行闰蛔。
3.偵聽器?/?監(jiān)聽器? （當堅定到頁面某個數(shù)據(jù)發(fā)生變化時，要做什么事時，就需要使用監(jiān)聽器）
? ??watch:{
? ? ? ? ? ? name(navl,oval){
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?console.log(nval,oval)? ? ? ? //此處的nval是新的值繁涂，oval是舊值
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?}桶雀，
? ? student：{
? ? ? ? ? ? deep:true? ? ? ? ? ? //深度監(jiān)視
????????????handler
????????????????????}
? ??????????????}
1. 偵聽器的作用，其實就是當頁面數(shù)據(jù)（屬性值）發(fā)生改變時倔矾，重新發(fā)送ajax請求獲取新的數(shù)據(jù)
?一般他有兩個參數(shù)： nval （最新值）oval（舊值）
2.偵聽對象時，需要開啟深度監(jiān)視
? 格式如下：?
? ? ? ? ? ? ? ? ? ? ? ?student:{
??//開啟深度監(jiān)視
??? deep:true,
?? //頁面加載完成時，先運行一次（注意：這種情況下，舊值是undefined）
??immediate:true,
?//定義監(jiān)視的函數(shù)
handler(nval,oval){
??// 開啟深度監(jiān)視后，舊值已經(jīng)沒有意義，因為對象是引用類型，
// 對象的屬性值已經(jīng)改了岂傲，就沒有舊的屬性值。
? ? ? ? ? ? ? ? ? ? ? ????????????????????? console.log(nval,oval);
?}
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?}
?//根據(jù)屬性的名稱侦讨，定義一個方法骗污，用于偵聽該屬性的變化，比如當name發(fā)生變化時沈条，重新發(fā)送ajax請求獲取新的數(shù)據(jù)
? ? 椥璺蓿空間保存地址，堆空間保存數(shù)據(jù)，對象的值保存在堆空間
4.過濾器
過濾器在模板中通過管道符 | 的方式來調用屋厘，過濾器可以鏈式調用涕烧，就是將之前已經(jīng)過濾完成的結果，繼續(xù)傳給下一個過濾器汗洒。
filters:{
? ? ? ? ? ? toFixed(val){
? ? ? ? ? ? ? ? ????????????????return val.toFixed(2)
????????????????????????????}????
? ??????}
在原始數(shù)據(jù)后面加上 | toFixed2
4.1? 定義全局過濾器议纯，格式如下圖
或者單獨創(chuàng)建一個filter文件夾，將全局過濾器放入文件夾中溢谤，然后再所需要的頁面中用script標簽引入
頁面跳轉：? 給超鏈接標簽綁定一個函數(shù)瞻凤，將函數(shù)的唯一編號id作為參數(shù)傳出，在跳轉函數(shù)中導入id
