vue需要了解的一些概念

偏执的太偏执、 2022-06-12 11:37 165阅读 0赞

优点：

vue用来开发单页面应用效率是比较高的，速度快，减小服务器压力。

缺点：

初次加载时间比一般页面稍微长一点点，不利于SEO(搜索引擎优化)。

但还是优点更加吸引人，所以在接触了vue之后，还是觉得比较厉害。下面几个是vue应用开发中常用到的技能，需要掌握。

1. vue-loader    官网： http://vue-loader.vuejs.org/zh-cn/  
  
如果已经安装了vue-cil的话，就会自动安装vue-loader，基本的配置作者已经配置好了，直接使用就可以了。Vue-loader可以理解为一个加载器，它会把<template>里面的vue组件转换成JavaScript模块。

vue-cli（脚手架）这些基本的vue知识就不多做介绍，具体可以vue官网查询。

2. vue-router    官网： http://router.vuejs.org/zh-cn/  
  
路由主要的作用就是用来设置页面跳转时的路径设置，并且可以通过H5的history功能实现单页面应用，不刷新跳转，你切换地址，只是页面上的组件的切换，另外路由可以实现页面之间传参等功能。

3. .vuex官网： http://vuex.vuejs.org/zh-cn/getting-started.html     
  
这个是组件状态管理，比较适合构建大型应用，如果你的应用比较简单，不太推荐使用。官网说：Vuex是专门为Vue.js应用程序开发的状态管理模式。说简单点，就是它可以集中的管理所有组件的状态。可以通过Vuex中的store来管理，和其他组件进行通讯。

4.axios  (相当于ajax)  个人觉得简书上讲的还是比较清楚的：http://www.jianshu.com/p/df464b26ae58

vue1.0版本的时候作者尤大大在官网推荐大家使用vue-resource，vue-resource也相当于ajax。但是在vue2.0的时候尤大大已经说了，以后不再更新vue-resource，推荐大家使用axios。

5.element-ui   官网：http://element.eleme.io/\#/zh-CN/component/time-picker

这是一个UI库，不过是vue的PC端的库。

6.mint-ui    官网：http://mint-ui.github.io/\#!/zh-cn

也是UI库，不过是移动端的。

个人觉得这些都是需要了解的，以上纯属个人学习记录，方便日后复习 。如果有哪里写的不对，欢迎指正。