总结一下自己学习的vue知识,希望可以帮助到别人,同时,如果有一些错误的地方,希望可以得到指正,可以提issue,或者发邮件 imhwyer@163.com。希望可以多交流前端的知识,共同进步
在接下来的学习中,会长期的进行补充更新...
学习内容目录:
1,基础语法篇
2,简单对比vue1.x和vue2.x的一些改变
3,vue路由的学习 vue-router
4,状态管理器vuex
5, webpack的简单学习
6,用vue全家桶开发完整项目
7.vmf 移动端框架
如果你是vue的初学者,可以先看基础篇
看完基础篇之后,可以动手写个小demo,很常见的一个表单的增删查改 vue-curd
单页面应用,常用router来实现,路由教程,这个教程是帮助你快速上手vue-router的使用。更细节的部分,还是看vue-router文档
状态管理 vuex教程,这篇文章主要还是看了官方文档,再加入自己的一些理解,进行总结的。对于一些简单的应用,没有必要使用vuex,会使代码臃肿。
对于webpack的学习,我在之前学习react的时候,看官网的时候,总结了一个webpack配置,涉及到一些常用的插件,更多的我还不是很熟练
vue全家桶(vue+webapck+vuex+vue-router)实现的在线简历编辑
有登录,简历编辑,简历预览等多个页面组成,用vue-router实现路由切换,支持代码编辑后导出pdf保存
当然 vue提供了一个很方便的脚手架 vue-cli,可以帮助我们快速搭建环境和开发。
npm install -g vue-cli
使用这种方式比较慢,我们常用cnpm淘宝镜像来安装
npm install -g cnpm --registry=https://registry.npm.taobao.org
如果安装失败,可以使用 npm cache clean 清理缓存,然后再重新安装。 然后使用 cnpm 安装
cnpm install -g vue-cli
然后使用vue-cli初始化项目
vue init webpack project-name
这里的project-name就是你项目的文件夹名称