浅谈 Vue 1

1、Vue是什么

可能很多小伙伴都已经知道了,但是我还是啰嗦一下, Vue是一套用于构建用户界面的渐进式框架,是前端三大框架中最简单易学的框架。

2、为什么要学Vue

我上面也说了,这是前端最简单的框架,对新手比较友好,建议新手玩家都先从Vue上手.,最简单意味着学习成本比较低,而且Vue大小比起其他两个框架要小,Vue压缩后20kb,React压缩后34kb左右,Angular压缩后大概是60Kb左右。Vue核心响应式更新机制,就是说当我们的数据更新之后,视图会自动的刷新。

3、如何创建Vue项目

3.1、下载nodejs

浅谈 Vue 1
检查nodejs安装是否成功

浅谈 Vue 1
为了提高我们的下载速度执行以下命令npm config set registry https://registry.npm.taobao.org或者可以使用 npm install cnpm
浅谈 Vue 1

3.2、搭建vue项目环境并创建vue项目

3.2.1 全局安装vue-cli(脚手架)

npm install vue-cli -g,当然如果你下载了cnpm就用这个命令即可 cnpm install vue-cli -g
浅谈 Vue 1

3.2.2 进入你要创建的项目目录

使用vue create '项目名称'或者vue init webpack '项目名称'(创建一个基于 webpack 模板的新项目)
浅谈 Vue 1
至此项目创建成功,想要项目运行起来,我们还得安装依赖,使用npm installcnpm install安装依赖
浅谈 Vue 1
依赖安装完毕后可使用npm run dev运行项目运行成功后打开的界面效果如下
浅谈 Vue 1
至此一个Vue项目就创建并运行起来了。学习vue请移步至这里,此博客类型并不记录Vue基础知识。

面试题:
1、Vue缺点有哪些
不支持IE8及更低版本浏览器。
2、解释一下mvvm模式。
m:Model 数据模型层
v:View 视图层
vm:试图模型层 //核心