前端每日一学

最近在学习vue框架的基本原理，看了一些技术博客以及一些对vue源码的简单实现，对数据代理、数据劫持、模板解析、变异数组方法、双向绑定有了更深的理解。于是乎，尝试着去实践自己学到的知识，用vue的一些基本原理实现一个简单的todo-list，完成对深度复杂对象的双向绑定以及对数组的监听，加深了对vue基本原理的印象。
适配Vue的第三方库和插件极多，没事可以多看看这些文章，里面总会有意想不到的惊喜，来快速提升你的开发效率。

现阶段的主流教程都是针对vue2.x，相比于另一框架react，vue总是在大型web项目上为人诟病，而今年推出的vue3.0，相比与以往的vue2.x，做了较大改变，无论是性能、开发效率、大型应用开发上都有了极大的提升，在掌握vue2.x后，应尽快去学习vue3.0.至于为啥不直接学习vue3.0，一方面教程不完善，另一方面两者在语言层面上的区别并不大，vue3.0任然是扎根与vue2.x，学完2.x就完成了3.0百分之80的学习.

Vue2.x是基于javascript编写的框架，3.0基于typescript（而typescript也是基于javascript），所以在学习vue的过程中，也要加强javascript的学习，特别是主流的es6标准。

Vue的深入学习最终都回到开始的基础原理上，所以在课程学习中遇到原理型的知识，一定要认真对待，这也是工作面试的重点。

日常的学习笔记，包括 ES6、Promise、Node.js、Webpack、http 原理、Vue全家桶，后续可能还会继续更新 Typescript、Vue3 和 常见的面试题 等等。

1、Vue 核心技术，常用 API 精讲
2、掌握 Vue 框架的生命周期
3、深入理解 Vue 框架的组件化
4、理解 Vue 中的 CSS 动画原理与使用

export default {
  data() {
    return {
      count: 1
    }
  },

  // `mounted` 是生命周期钩子，之后我们会讲到
  mounted() {
    // `this` 指向当前组件实例
    console.log(this.count) // => 1

    // 数据属性也可以被更改
    this.count = 2
  }
}