4-3组件参数校验与非Props特性 · 武功秘籍大全

~~~ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>组件参数校验与非Props特性</title> <script src="vue.js"></script> </head> <body> <div id="root"> <child content="hello world" test="test"></child>       </div> <script> Vue.component('child', { // props:['content'], props: { // content: String //只能是字符串 // content: Number //只能是数字 // content:[Number,String]//字符串,数字都可以 content: { type: String, // type: Object, required: true,//必须 default: 'this is default value', //默认值 // validator: function (value) { // // alert(value) // return value.length > 5 // } }, }, template: '<div>{{content}}</div>', }) var vm = new Vue({ el: '#root' }); </script> </body> </html> ~~~