将整个前端页面分成View，Controller，Modal，视图上发生变化，通过Controller（控件）将响应传入到Model（数据源），由数据源改变View上面的数据。但是由于MVC框架允许view和model直接俄通信，所以随着业务量的扩大，可能会出现很难处理的依赖关系，完全背离了开发所应该遵循的“开放封闭原则”。

es6中添加了函数新的定义语法——箭头函数，当有大于一个形参的时候，必须使用()代表部分参数，函数体大于一行时，必须使用{}将函数体括起来，并使用return返回。

在监听窗口进行resize、scroll等调用函数频率很高的操作时，如果每次都做相应的处理，则会加重浏览器的负担，导致渲染延迟，甚至是假死，这样会给用户带来非常糟糕的体验。为此我们必须在特定场景下限制调用频率，但是又不影响效果。

2. 检查node.js版本。vue-cli3需要node版本大于8.9。在cmd中输入node -v查看版本。如果版本过低，请先去node官网中下载高版本。

kebab-case：短横线命名法，多个单词之间使用短横线“-”进行连接，单词全部小写。如：first-name,user-info,create-order。camelCased：驼峰命名法，第一个单词小写，从第二个单词开始首字母大写。如：fistName,userInfo,createOrder。PascalCased：帕斯卡命名法，单字之间不能使用空格、“_”和“-”进行连接，命名中所有的...

多页面应用:网页HTML文件是请求后台发过来的。每次切换页面都会从后台把页面文件传输回来。单页面应用:网页只有在第一次进入页面的、的时候请求服务器的HTML文件，接下来的页面跳转是基于内部的router。两种应用的优缺点：

当我们点击不同的按钮时，下面会切换不同的组件。实现动态组件的加载。is 的值可以是一个已经注册的组件的名字或者一个组件的选对象。当我们点击按钮时，这个按钮的 disabled 为 true 然后我们将给这个按钮一个active 的css类,同时改变 currentCom 的值

组件是Vue核心功能之一，合理的组件化，可以减少我们代码的冗余，提高项目的可维护性。下面，我将由浅入深的讲Vue的组件在讲之前，首先我们先了解一下组件的命名。 HTML是对特征名不敏感的语言，他会将所有的字符全部转换成小写。我们命名了一个组件的名称为 nameTest ,然后再其他组件里面引用 <nameTest> </na...

Vue是一个 MVVM 的框架,数据驱动和 组件化是Vue的核心思想。简单的讲MVVM框架就是：我们只需要在数据层做数据操作，显示层会检测到我们每次的数据变化，然后做出相应的改变，监测数据这个工作就是中间的ViewModel。通过这种模式，我们就可以不用再直接操作DOM节点来进行数据的改变。

node: node是js服务执行的环境，通常我们使用node实现前端的工程化。前端工程化有很多工具可以实现，比如webpack、glup等，他们都是基础node进行开发的。