vue.js - 求不使用vue-cli直接html引入的vue多页面项目

问题描述

问 题

要求很奇葩，有没有像这样直接引入来做项目的

<script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
<script src="//cdn.bootcss.com/vue-router/2.0.3/vue-router.js" type="text/javascript" charset="utf-8"></script>
<script src="//cdn.bootcss.com/vue-resource/1.0.3/vue-resource.js" type="text/javascript" charset="utf-8"></script>

解决方案

肯定是可以的， 尤其是你的项目不想整个切换到Vue，而只是在某一个页面尝试Vue，那么就用你说得这种办法了， 因为这种情况下vue-cli是用不了的， 因为你整个项目的结构已经在那儿了，除非你重构。

这种使用方式来构建某个页面的所谓单页应用的话，楼上也说到了，就是当你业务比较复杂的时候你会发现你这个html文件会超级长。当然可以借助一些后端框架带来的便利，例如Django中可以用{%include%}来拆分html文件，但是如果是纯前后端分离的话，就不好弄了。

这篇关于vue.js - 求不使用vue-cli直接html引入的vue多页面项目的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！