关于vue.js:vue学习

嵌套
父选择器&
属性嵌套
占位符选择器 %
变量

$width: 5em;

字符串赋值 插值语句

#{$selector}

@import
@extend
props用法
父组件通过props向下传递数据 子组件通过events 给父组件发消息

动态props 子类须要用中划线写法

props:["name"]<child name="msg"/>

动静props 应用v-bind

<child :name="msg">

props验证

String, Number, Boolean, Function, Object, Array, Symbol

props:{   propA:Number,   propB:[String,Number],   propC:{    type:String,    required:true   },   propD:{     type:Number,     default:101   },   propE:{      type:Object,      default:function(){      return {message:"I am from propE"}      }   },   propF:{     isValid:function(value){      return value > 100;     }   }}

单向数据流

不应该在子组件更改父组件数据

批改props

用局部变量接管批改

 data() {    return { ownChildMsg: this.forChildMsg };  }

计算属性 会响应式变动

 computed: {    ownChildMsg() {      return this.forChildMsg + "---ownChildMsg";    }  }

应用 变量来存储 应用watch来察看扭转

 data() {    return {      ownChildMsg: this.forChildMsg    };  },  watch: {    forChildMsg() {      this.ownChildMsg = this.forChildMsg;    }  }