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