前端每日一学

最近在学习 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  }}