vue知识点粗梳

1 结构

<template>
 
</template>

<script>
export default {
  data () {
    return {
           form: {}
    }
  },
  methods: {
    handleSubmit (e) {}
  },
  filter:{},
  watch:{},
  computed:{
    n1:function(){
       //...
       return ...
    }
  }
}
</script>
<style>
</style>

2 样式引入@import
src目录下，引入时"@/src下的某目录"
3 生命周期：beforeCreate，created（页面渲染前完成，发起请求），beforeMount，mounted（页面渲染后完成，获取DOM操作需要在此），beforeUpdate，updated，beforeDestroy（清理某些事件组件），destroyed（清理某些事件组件）。
4 计算属性：computed，将数据存储到内存减少不必要的请求；给组件data赋值。

computed：{
  name:{
    get(){
      return ...
    },
    set(value){
		...
	}
  }
}

5 监视watch，耗性能，computed代替。
6 vuex，存储状态 ，响应式高效更新，显示提交（commmite）motation来改变状态，存储全局的东西，新用法…motation。
7 表单：双向绑定v-model；创建表单两种方式的数据绑定。注意区分各自的数据校验方式，置空方式。
8 table：注意change方法，排序，页签变化，过滤或表格刷新时会调用。插槽的使用，在表格中插入复杂组件。
9 传值：传参数和传函数。父子组件之间互传，兄弟组件之间互传。props中声明参数名，参数属性。有两种写法，只声明名字可数组，还声明属性可对象。修改父组件的值时注意使用父组件中的函数来间接修改，并使用this.$emit(父组件函数,值)
10 引入组件：import，component中声明组件，使用组件。
11 定义全局函数，常量，需在main.js中声明。