直接把一个复杂类型的vuex的变量赋值给data，会互相修改

    • 进行拷贝：
      • {…state变量}浅拷贝 | JSON.parse(JSON.stringify(state变量))深拷贝

    断点调试
    在需要调试的地方 写上debugger 这样代码运行的时候会进入断点界面

    vue高频用法

    • 定义变量

      1. data() {
      2. return {
      3.   key1:value1,
      4.   key2:value2
      5. }
      6. }

    • 定义方法

      1. methods: {
      2. 方法名 () {
      3.   JS逻辑
      4. },
      5. // 不使用 因为箭头函数没有this，不能获取vue组件实例
      6. 方法名: () => {
      7.   JS逻辑
      8. }
      9. }

    • 生命周期钩子函数

      1. created() {
      2. 页面创建时执行 用来发送请求
      3. }

    • 模板中绑定变量和事件 :::tips

    1. 插值表达式 | 胡子语法 {{ data变量或computed计算属性变量}}
      2.@click=’方法名’ :::
    • 计算属性和监听属性 :::tips

    ::: :::tips

    :::

    什么时候用async/await？调用一个函数的时候，这个函数的返回值Promise类型
    例如：

    • element组件 提供的方法
      • this.$confirm()
      • this.$alert()
      • this.$refs.ref值.validate()
    • axios插件
      • axios.get()
      • axios.post()
      • …

    开发一个功能思路

    1. 明确需求=》页面功能是什么，例如：登录、注册等
    2. 准备页面布局和变量=》页面长什么样
    3. 梳理这个功能实现的步骤 => 步骤写出来或画个思维导图，确定使用的技术
    4. 按照步骤一步步实现