浅谈 Vue 1
1、Vue是什么
可能很多小伙伴都已经知道了,但是我还是啰嗦一下, Vue是一套用于构建用户界面的渐进式框架,是前端三大框架中最简单易学的框架。
2、为什么要学Vue
我上面也说了,这是前端最简单的框架,对新手比较友好,建议新手玩家都先从Vue上手.,最简单意味着学习成本比较低,而且Vue大小比起其他两个框架要小,Vue压缩后20kb,React压缩后34kb左右,Angular压缩后大概是60Kb左右。Vue核心响应式更新机制,就是说当我们的数据更新之后,视图会自动的刷新。
3、如何创建Vue项目
3.1、下载nodejs
检查nodejs安装是否成功
为了提高我们的下载速度执行以下命令npm config set registry https://registry.npm.taobao.org
或者可以使用 npm install cnpm
3.2、搭建vue项目环境并创建vue项目
3.2.1 全局安装vue-cli(脚手架)
npm install vue-cli -g
,当然如果你下载了cnpm就用这个命令即可 cnpm install vue-cli -g
3.2.2 进入你要创建的项目目录
使用vue create '项目名称'
或者vue init webpack '项目名称'
(创建一个基于 webpack 模板的新项目)
至此项目创建成功,想要项目运行起来,我们还得安装依赖,使用npm install
或cnpm install
安装依赖
依赖安装完毕后可使用npm run dev
运行项目运行成功后打开的界面效果如下
至此一个Vue项目就创建并运行起来了。学习vue请移步至这里,此博客类型并不记录Vue基础知识。
面试题:
1、Vue缺点有哪些
不支持IE8及更低版本浏览器。
2、解释一下mvvm模式。
m:Model 数据模型层
v:View 视图层
vm:试图模型层 //核心