组件参数校验与非props特性
2019-01-02 本文已影响18人
puxiaotaoc
1、props特性要求父组件传，子组件接，并且不会将传递的属性显示在dom标签中；
2、非props特性，父组件传但子组件不接，会将传递的属性显示在dom标签中；
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title></title>
<script src='./vue.js'></script>
</head>
<body>
<div id="app">
<child content="hello world"></child>
</div>
<script>
// 组件参数校验：对传入的参数类型进行约束
Vue.component('child', {
// props: {
// content: {
// type: String,
// // required: false,
// // default: 'default value'
// validator: function(value) {
// return (value.length > 5)
// }
// }
// },
template: '<div>hello</div>'
})
var vm = new Vue({
el: '#app',
data: {
total: 5
},
methods: {}
})
</script>
</body>
</html>
