关于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;
    }
  }