Vue学习之路

前言

我是一名iOS的开发人员，最近开始学习前端开发，而Vue作为当前最火的前端开发框架，当然是首选。一下就是我学习前端开发的一些历程。
我会以iOS开发与前端开发进行对应；

看本章节之前，您必须先了解Vue的基本语法；
Vue菜鸟教程

学习之路

1.新建项目与项目配置

• 在iOS开发中，我们可以直接使用Xcode进行开发，开发系统不需要配置，第三方框架可以使用cocoapods进行配置；
• 而前端开发，建议使用Visual Studio Code,而项目的新建与开发环境配置，可以使用脚手架Vue Cli;

具体方式：Cli新建项目

2.界面元素开发

项目新建成功后，就可以再界面上添加各种元素了；

• iOS开发，使用原生的框架UIKit，界面上创建按钮，文本等等；
• 前端开发中，有各种各样的UI框架，我使用了ElementUI开发UI；

3.界面布局

添加了元素，要确定它在界面上的具体位置；

• iOS开发中，可以使用frame，autolayout等布局方式；
• 前端开发使用CSS设置元素的布局与样式；

4.界面切换

一个项目，肯定有不同的界面，这就需要我们做界面之间的切换；

• iOS开发中，使用UINavigationController控制界面切换；
• 前端开发中，使用vue中自带的路由vue-router；

我也对vue-router的使用做了一些总结基础使用、界面切换一、界面切换二、导航守卫

5.网络请求

开发中，总会用到服务端的数据，而接口请求数据是一大重点

• iOS中，我们一般使用第三方库AFNetworking，或者Alamofire;
• 前端开发中，vue推荐使用ajax;

6.数据缓存

开发过程中，我们总会把一些功能的数据（例如用户数据）保存到缓存中，以便随时使用；

• iOS开发中，我们可以使用NSUserDefault来缓存一些基础数据；
• 前端开发中，使用Vuex来缓存数据；

7.自定义组件

为了提高代码的重用性，开发中总会自定义一些组件（iOS中也叫控件）

• iOS中，我们可以直接自定义控件，只要继承自UIView就行；
• 前端开发中，可以直接通过vue自定义组件