求不使用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>
阅读 15.1k
5 个回答

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

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

可以在github搜下vue-multipage
我写的一套架构方案

有,你把页面都写在template里,然后通过vue-router来调用切换。不过这页面最后会变的很臃肿并且难以维护。

vue+vue-resource这种放在简单的一两个页面的广告/活动性质的项目上是可以的,我这么搞过,这种简单的业务场景下,vue-router是没有使用的必要的。
有必要使用vue-router的时候,已经不适合题主所描述的这种写法了。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题