二、過濾器
三、計算屬性
一、watch
1、深淺監聽
注意：
>
type
="text"
v-model
='msg'
>
>
}div
>
>
type
="text"
v-model
='json.name'
>
type
="text"
v-model
='b'
>
>
}div
>
div>
let vm =
newvue(,
b:''}
, methods:},
watch:
,// 這種方式監聽不到資料
// json(newval,oldval)
//深監聽
json:
, deep:
true},
// 監聽b屬性
b(a,b)},
mounted()
,})
>
>
type
="text"
v-model
='search'
@keydown.up.prevent
='up'
@keydown.down
='down'
@keydown.enter
='enter'
>
>
v-for
='(item,index) in arr'
:key
='item'
:class
='[index==n?"select":"
"]'>
}li>
ul>
div>
src=
"">
script
>
>
let vm =
newvue(,
methods:},
up()}
,enter()
else}}
, watch:
// 傳送資料請求 jsonp方式
var os = document.
createelement
('script');
os.src =
''+this
.search;
document.body.
(os)}}
})function
aa(res)
script
>
body
>
1.**號碼過濾
>
>
}div
>
src=
"">
script
>
>
newvue(,
filters:}}
)script
>
body
>
>
}div
>
vue.
filter
('filterprice'
,(price)
=>
)
>
>
當前時間}div
>
div>
vue.
filter
('filtertime'
,(time)
=>-$
-$$:
$:$`
})
1.通過計算得出來的，所以就沒有初始值
>
border
="1"
style
="border-collapse
:collapse
" width
='500'
>
>
>
idth
>
>
姓名th
>
>
分數th
>
>
操作th
>
tr>
v-for
='(item,index) in list'
:key
='item.id'
>
>
}td>
>
}td>
>
type
="number"
v-model.number
='item.score'
>
td>
>
>
刪除button
>
td>
tr>
v-if
='list.length==0'
>
colspan
="4"
>
暫無資料td
>
tr>
v-else
>
colspan
="4"
>
平均分:}td
>
tr>
table
>
div>
let vm =
newvue(,
,,,,
]}, methods:
,// 計算屬性
computed:
)return sum/
this
.list.length
}},})
接觸IT的第三天
的作用 顯示資料！每乙個 width 寬 height 高 border 邊框 bordercolor 邊框顏色 cellspacing 相鄰單元格邊框之間的間距 cellpadding 內容距離邊框之間的間距 align 水平對齊方式 屬性值 left center right valign 垂直...
Vue學習第三天
複習引入物件 import vuerouter from vue router 安裝外掛程式 vue.use vuerouter 掛載屬性的行為 建立路由物件 let router new vuerouter 將路由物件放入到options中new vue new vue 引數path beijin...
第三天，努力！！
第三天了，不錯不錯，基本上按自己的計畫進行著，雖然工作還是沒找到，不過也不再那麼的怕了，慢慢來吧，其實也沒太多時間了 今天早上十點才，真的覺得自己太不像話了，不過我一覺醒來就那個時候了，我的手機每天的鬧鐘是7 30不過好像從來聽不見它響，哈哈 明天希望能早點起，明天北京工體有乙個大型的招聘會，可以去...