1. props属性验证
注意:还是会正常的运行代码,只是对数据类型进行验证,判断是否有误
- 常用形式:
props: {
key: keyType // key是从父组件获得的自定义属性, 值是我们期望得到的数据类型
}
如下所示:
报错 :
- 需求:我现在想要 > 1000 我才要, 没有 > 1000 我就不要
- 解决: vue提供了一个 :validator
props: {
key: {
validator( value ){
return value 的条件
}
}
}
报错:
- 不常用形式(表单的验证)
props: {
propA: [],
propB: {
type: String,
require: true
},
propC: {
type:String,
default: 'yyb'
},
propD: {
type: String,
default: function(){
return 'yyb'
}
}
}
- 有时候有的项目也会使用 vue-validate validate这些第三方库
2. 过滤器
概念:对数据进行格式化的一个函数
- vue 1.x版本一共提供了10个过滤器, 但是不满足人们使用,vue2.x全部不提供了, 交给开发者自己写
- 但是vue提供了定义过滤器的方式
- 过滤器可以用在两个地方:双花括号插值和 v-bind 表达式
- 过滤器用给一个 ’ | ’ 表示, 我们称之为 ‘管道符’
定义局部的过滤器
html:
<div id="app">
<p>
{
{ time }}
{
{ time | timeFilter('/') }}
</p>
</div>
Js:
new Vue({
el: '#app',
data: {
time: Date.now()
},
filters: {
timeFilter( value,type ){
const date = new Date( value )
const result = date.getFullYear() + type +