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自定义组件
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容