首先要看你有没有前端基础,也就是js、css、html,如果这些基础的基本用法,你都已经掌握。

那么,建议你先去看一遍vue官方的指导文档,其中基础的必须看懂,高级玩法看不懂可以先跳过。

等你看完文档,建议你再去读一下vue-router,vuex,axios文档,了解其中基本用法。

接下来就是实战,建议你去github上下载vue-admin这个开源的后台项目,自己在本地让它run起来,然后通读项目代码,把其中代码都理解,就可以直接上手项目了。(学习vue-admin源码时可以看配套的花裤衩写的教程)

除了基础的h5,c3,js之外,最好会很浅的nodejs和webpack以及es6。当然es6和webpack也是不用研究太多,会用或者差不多就行。然后vue.js才能玩起来。这是最起码的。

vue-cli也叫脚手架,官方定义为Vue.js开发的标准工具。Vue-cli是一个基于Vue.js进行快速开发的完整系统,可以自动生成Vue.js+webpack的项目模板。Vue cli提供了强大的功能,用于定制新项目、配置原型、添加插件和检查webpack配置。@vue/cli 3.x版本可以通过vue create命令快速创建一个 新项目的脚手架,不需要像vue 2.x那样借助于webpack来构建项目。

Vue CLI 完全是可配置的,无需 eject。这样你的项目就可以长期保持更新了。

为现代浏览器轻松产出原生的 ES2015 代码,或将你的 Vue 组件构建为原生的 Web Components 组件。

vue-router是Vue官方推出的路由管理器,主要用于管理URL,实现URL和组件的对应,以及通过URL进行组件之间的切换,从而使构建单页面应用变得更加简单。主要有以下特点:

在一些大型项目中,有时我们会遇到单页面中包含着大量的组件及复杂的数据结构,而且可能各组件还会互相影响各自的状态,在这种情况下组件树中的事件流会很快变得非常复杂,也使调试变得异常困难。为了解决这一问题,引入了Vuex这种状态管理模式,Vuex是状态管理模式的一种实现库,主要以插件的形式和Vue.js进行配合使用,能够使我们在Vue.js中管理复杂的组件事件流。

iview 一套基于 Vue的高质量UI 组件库(分为小程序和pc端等不同版本);

vant 轻量、可靠的移动端 Vue 组件库,是有赞开源的一套基于 Vue 2.0 的 Mobile 组件库,旨在更快、更简单地开发基于 Vue 的美观易用的移动站点。

webpack是一个模块打包工具,可以把前端项目中的js、cs、scss/less、图片等文件都打包在一起,实现自动化构建,给前端开发人员带来了极大的便利。

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注