web项目不做前后端分离能否使用vue的组件化功能?

Question

如果您知道的话,能否直观的回答我的问题?能的话怎么做,不能的话大概为什么不能?如果您想说一下,非常感谢,不想说,也谢谢不想在一个html和一个.js文件中写太多代码,所以想把每个组建单独出来,又不知道该怎么做感觉项目还没有大到需要做前后端分离但是又想使用组件化功能;该怎么使用啊, 传统web项目不支持.vue文件吧,也不支持import和export吧,那该怎么写啊vue是引入js文件的那种方式

Answer 1

你现在的情况和我之前比较类似, 两三个文件承载所有的功能, 我的处理方式是这样的:
1)前期使用requirejs做模块化, 花一些时间, 把原来项目按模块拆开(这一步是最难的, 因为一边做项目, 一边还要做短期看不到成效的事情, 所以需要你主推)

2)上一期搞完之后, 在一些不太重要页面加你需要的框架,比如vue, 然后一部分一部分上, 别一起上, 风险太大.

总体来说是把事情做好, 然后把风险控到最低!

Answer 2

可以。

不使用模块化和构建工具最简单的方式是每个组件的定义及全局注册写一个 js 文件，然后在需要的页面在引入 vue.js 之后用 script 标签引入这个 js 文件即可。

Answer 3

前后端分离与项目大小无关啊，只是一种架构模式而已。我自己曾经写过一个小工具，只有一个页面，三个 Web API，也是采用的前后端分离的架构来写的，项目大小不是问题。

VUE 是一个前端组件化工具，也可以使用 es6 的 import/export 语法：

貌似需要 Babel 支持，所以需要 npm install 一堆东西

需要配置 .babelrc，但是不需要做构建脚本的修改（用 vue-cli 初始化的项目）