WEBAPP开发之基于Vue2的webapp-职坐标

WEBAPP开发之基于Vue2的webapp

白羽 2018-07-19 来源：网络阅读 757 评论 0

摘要：本文将带你了解WEBAPP开发之基于Vue2的webapp，希望本文对大家学WebApp有所帮助。

Vue

Vue是什么？
Vue是一套用来构建web界面的框架，也许你听过Angular、React、Avalon等，与之类似，Vue在前端引入了MVVM模式，致力于更方便的构建web应用。
Vue的核心库只关心视图层，本身是采用一种渐进增强的理念开发的，这意味着你完全可以以最小的代价学会它最基本的api，并且仅仅作为视图层来引入到你的项目中。并且，如果你想要构建更复杂的应用，Vue也提供了一整套工具来帮助你构建应用，包括但不限于：前端路由、前端数据管理、自身的单文件组件系统、基于webpack的打包构建系统、一个命令行工具、一个Chrome的调试工具插件。。。
意味着什么了？意味着你可以使用最新的es6语法，拥有一个前端文件热部署、热插拔的服务器，一个成熟的文件处理打包方案，一个类似于html组件规范的vue组件系统，css的模块化，js的模块化，以及一个效率极高本身库很小的mvvm框架。
so，为什么不做上这条黑船来场说走就走的morebiggermoregeeker的旅行了？
Vue的缺点
听我吹了半天b，这东西真的是完美的吗？当然不是：
（1）Vue对IE的支持只到IE9+；
（2）Vue对seo的不友好;如果你使用的是Vue2版本，已经可以支持服务端渲染，但是需要一个node服务器；
（3）框架本身存在复杂性；意思是既然vue这么强大，想要驾驭它肯定得下点功夫去看各种文档写各种demo的；但联系到我之前说的，Vue的核心库很简单，你完全可以使用一个最简单版本，而不去用各种附加功能。

各种插件
路由：Vue-router;
数据：Vuex;
异步服务：axios,fetch,vue-resource;
调试工具：Vue－devtool;
命令行工具：Vue-cli,cooking;
使用

最简单的，在页面引入一个vue.min.js，完了；
通过命令行工具生成vue项目，以单文件组件的方式组织项目，使用各种插件来构成项目，完成各种神奇的功能，并最终用webpack打包成可以上线的版本，一个逼格很高的webapp。