Vue基础

脚本>newVue({el:'#app',data:{message:'Runoob!'},methods:{reverseMessage:function(){this.message=this.message.split('').reverse().join('')}}})输出是：Runoob！点击按钮转换为!boonuRProp验证组件可以指定props的验证要求。要自定义props的验证方式，您可以使用具有验证要求的对象而不是字符串数组来提供props值。示例：Vue.component('my-component',{props:{//基本类型检查（\`null\`和\`undefined\`将通过任何类型验证）propA:Number,//多种可能的类型propB:[String,Number],//必需的字符串propC:{propC:{type:String,required:true},//numberwithdefaultvaluepropD:{type:Number,default:100},//objectwithdefaultvaluepropE:{type:Object,//对象或数组默认值必须从工厂函数中获取default:function(){return{message:'hello'}}},//自定义验证函数propF:{validator:function(value){//这个值必须匹配以下字符串之一return['success','warning','danger'].indexOf(value)!==-1}}}})