美文网首页Vue.js专区
基于Vue2的webapp

基于Vue2的webapp

作者: cobantou | 来源:发表于2016-11-14 22:34 被阅读339次

    Vue

    1. Vue是什么?
      Vue是一套用来构建web界面的框架,也许你听过Angular、React、Avalon等,与之类似,Vue在前端引入了MVVM模式,致力于更方便的构建web应用。
      Vue的核心库只关心视图层,本身是采用一种渐进增强的理念开发的,这意味着你完全可以以最小的代价学会它最基本的api,并且仅仅作为视图层来引入到你的项目中。并且,如果你想要构建更复杂的应用,Vue也提供了一整套工具来帮助你构建应用,包括但不限于:前端路由、前端数据管理、自身的单文件组件系统、基于webpack的打包构建系统、一个命令行工具、一个Chrome的调试工具插件。。。
      意味着什么了?意味着你可以使用最新的es6语法,拥有一个前端文件热部署、热插拔的服务器,一个成熟的文件处理打包方案,一个类似于html组件规范的vue组件系统,css的模块化,js的模块化,以及一个效率极高本身库很小的mvvm框架。
      so,为什么不做上这条黑船来场说走就走的more bigger more geeker的旅行了?
    2. 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;

    使用

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

    相关文章

      网友评论

        本文标题:基于Vue2的webapp

        本文链接:https://www.haomeiwen.com/subject/vmkkpttx.html