vue是什么有什么优势-广州中网科技

vue是什么有什么优势

发布时间：2021-12-29 知识栏目：Vue框架

vue是一个js的框架，这样说好像并不准确，因为它不止对js做出了改变，并且对前端开发的模式做了改变，vue是一个优化前端开发的框架，当然，最主要的还是对js的封装，所以说他是一个js框架。

使用vue开发，静态页面还是按照原来那样写，但一般都是ui组件库，js方面遵循vue框架的语法规则，使用它提供的东西，加上js基础语法来开发。

使用脚手架创建出vue项目文件夹，新建页面组件，使用路由切换各个页面，然后剩下的就是和以前一样写页面（UI组件库的导入），使用axios请求数据，使用各种指令渲染数据到页面，使用vuex实现页面间传值，最后使用webpack打包上线。

官方介绍：
Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。

渐进式：
声明式渲染（指令） ---- 组件化（单页面） ----- 路由（组件跳转）-----脚手架（创建项目文件夹） ------ vuex（数据共享）

框架和库的区别：
库是针对一个功能而实现的技术，作用范围小，具有针对性，库可以随时换。
例如：swiper轮播库，图片懒加载库等...

框架是一整套完整的解决方案，不能随便更换，一旦更换，整个项目就要推到重来
假如用了vue框架，整个项目就得遵循vue的语法和规则来进行开发，不能有其他框架的东西，其他的vue不认识，就报错。
例如：vue，react..

vue实际项目中做了哪些改变和优化（个人理解）：
1. vue提供了项目文件的默认文件夹，内置了很多的包，这些包解决了一些常见问题，例如es678高版本的代码兼容（babel包），项目打包的配置...

2. 在开发的时候，项目组件化开发，一个功能或者一个页面就是一个组件，最后这些组件哪里使用就在哪里导入，实现了组件复用。并且组件化开发，使得每一个页面都是独立存在的，不存在全局变量污染，没有了css样式覆盖的问题。

3. 页面跳转使用路由router，代替原本的a标签，以及动态路由实现传参，路由懒加载提高性能，导航守卫等...

4. 提供vuex状态管理，实现组件（页面）之间的数据共享，也就是页面间传值。

5. 提倡使用axios这个请求库来请求数据，渲染数据方面提供了很多的指令，例如
v-for v-if v-bind 等...指令很多，后面单独拿出来记录，应在插值表达式之后记录指令。

6. 开发中，除了组件可以任意导入使用，js文件也可以任意导入使用，例如把某个页面用到的所有的请求都放在一个js文件里面，这个js文件里面写了很多个请求，一个请求就是一个函数，在用到这个请求的页面中按需导入这个js文件，然后就可以直接调用他里面的某个请求函数发起请求了。
这个很常用，例如路由就是这样用的，路由就是一个单独的js文件。还有vuex也是一个单独的js文件 store.js。

以上均是个人见解，vue肯定有更加强大的作用，作为初学者目前先理解到这

上一篇: 快速自助建站代理专业营销建站

下一篇: 什么是MVVM？

+相关资讯