Vue必会

• 生命周期
• 钩子函数

beforCreate（创建之前）
Created（创建之后）
beforMount（载入之前）
Mounted（载入之后）
beforUpdate（更新之前）
Updated（更新之后）
beforDestroy（销毁之前）
Destroyed（销毁之后）
activate（keep-alive组件激活时调用）
deactivated（keep-alive组件停用时调用）
errorCaptured（这个组件的作用是接受子孙组件报错是调用，三个参数 错误对象、错误的组件、错误信息）

• 数据双向绑定 v-model
• 数据单向绑定 v-bind
• Vue表达式 {{ }}
• 路由跳转 路由跳转传值

<router-link :to="{name:'index',query:{id:'xxx',name:'xxx'}}"> 带值跳标签
this.$router.push({path:'xxx',query:{aa:xx, bb: xx}});  带值跳
this.$router.push({path:'xxx',params:{aa:xx, bb: xx}});  带值跳
this.$route.query.xx  取值

• 父子组件传值

父传子: 在标签上直接写<hello theName ="dad无可奉告"></hello>可以传this
		子接收props:[theName]接收
使用时直接this.theName 不要直接改变值,要先赋值给别的变量再去修改
子传父: 子方法中写提交事件和参数 this.$emit("sendiptVal", this.inputValue) 
	可传多个参数,依次列出即可, this.$emit('valueUp', this.inputValue, this.mesFather);
		父在子标签上<子标签 @sendiptVal = “sendiptVal”></>接收
		父组件定义方法接收sendiptVal(value){   console.log(value)  };

• Watch监听事件

比如 监听demo的值(val) 如果demo改变 ,value改变.

data() {
      return {
        demo: '',
        value: ''
      };
    },
    watch: {
      demo(val) {
        this.value = this.demo;
      }
}
如果检测是对象的话使用computed计算属性
data() {
      return {
        demo: {
          name: ''
        },
        value: ''
      };
    },
    computed: {
      newName() {
        return this.demo.name;
      }
    },
    watch: {
      newName(val) {
        this.value = val;
      }
    }
  };

• V-for  循环遍历 v-for(item,index in 某某)
• V-if   后跟布尔值 决定元素是否存在
• v-show 后跟布尔值 决定元素是否显示
• @click  点击元素时运行后面函数
• @change 当元素改变是运行后面的函数

注意：本文归作者所有，未经作者允许，不得转载