老 web 项目加几个页面 打算用用现代前端框架

• 資深大佬 : TmacV2

  组件能复用吗

• 資深大佬 : aaronlam

  react 中最引以为傲的 jsx 需要使用 babel 来进行转译的，如果采用直接引入不是说不可以，但是没就了 jsx 这种语法糖了。
  vue 可以无缝的直接引入的原因是，因为他的写法就趋向于原生 JS 的写法，而且你通过直接引入的方式使用了组件库，不出意外你应该是全量引入了组件库。而如果你是采用前端工程编译形式的话，是可以进行按需引入的。

• 資深大佬 : gouflv

  vue 当 jquery 用挺好的

• 資深大佬 : SergeGao

  不用 webpack 来写 vue 完全没那味了…试下 vue cli 吧,容易上手的

• 主 資深大佬 : azev

  @aaronlam 是的 vue 应该是全量引入了
  react 的情况是即便不是用 jsx 也是用脚本引入组件 相对 vue 要麻烦点
  看官方示例是这样
  https://gist.github.com/gaearon/6668a1f6986742109c00a581ce704605  显示 Gist 代码 

• 資深大佬 : aaronlam

  @azev 是的，我个人认为 react 从诞生的那一刻起就是为了颠覆以往写前端的方式，配合起一系列工具来完成 SPA 的编码。而 vue 的话，更多是为了能够让以前使用 jQuery 或者是说刚接触前端的人能无缝的使用上，所以就在设计之初就尽量把 API 还有写法都趋向于原生 JS 的方式，所以 vue 可以在某些情况下直接替代 jQuery，把 vue 直接引入当 jQuery 来用。

  是的，react 直接引入的确是比 vue 麻烦不少，而且正常来说也很少有人会这样使用，毕竟使都用上了 react 就是要品尝前端工具链带来的开发效率红利。但是实在要这样使用的话，都会直接选择 vue 来这样使用，vue 也强调了自己是渐进式的构建用户界面的框架，所谓的渐进式也在这一方面有所体现吧。

• 資深大佬 : aaronlam

  @azev 简单的来说就是 react 从设计之初就没有考虑，如何让你直接引入使用的时候会比较方便。

• 資深大佬 : charlie21

  你说用 vue 你说用 react，若你离职了有人接手吗？
  跟你们公司内部商量去

• 主 資深大佬 : azev

  @aaronlam 多谢

• 資深大佬 : azcvcza

  react 的话，你直接写 render 到 document 上也行，不过不如 vue 直接挂个文件就开写来得快
• 資深大佬 : murmur

  vue 直接挂包在 html 里写 template

• 資深大佬 : TmacV2

  @gouflv 那不是每个页面都要实例化一个 vue 对象吗 （新手不懂就问

• 資深大佬 : murmur

  @TmacV2 你停留在这个阶段就不要带入面向对象的东西，一个 vue 对象跟一个 jquery 对象对你有什么区别么，我们有的项目直接用空的 vue 对象做事件总线，对于 vue 最简单的形式，他就是一个高级模板带双向绑定，外加规范你一些东西应该写到哪里

• 資深大佬 : gouflv

  @TmacV2 每个页面的模块和组件都是 vue 对象的嵌套，跟是不是多页无关

• 資深大佬 : TmacV2

  @gouflv 你说的对，然后还想问一下 以前写 vue 单组件文件 然后可以 import 导入使用 那 cdn 方式构建的 vue 项目应该怎么做能达到同样的效果呢

• 資深大佬 : TmacV2

  @murmur 以前写 vue 单组件文件 然后可以 import 导入使用 那 cdn 方式构建的 vue 项目应该怎么做能达到同样的效果呢

• 資深大佬 : muzuiget

  React 也可以直接用啊，不需要 JSX，JSX 不过是个语法糖。

• 資深大佬 : gouflv

  @TmacV2 参考 jq plugin 的引入方式，只不过 vue 里面是走 Vue.component 注册

• 資深大佬 : suzic

  这种项目 vue 的确是最合适的，我也写过不少。组件复用的话，把.vue 的单文件稍微改一下就能做到了

• 資深大佬 : aaronlam

  @gouflv 在我认知里 vue 单文件，貌似在构建工具中是需要用 vue 的 loader 来进行特殊处理 template, script, style 三个部分的，直接的 vue 单文件应该是不能以 script 标签的形式挂载到页面使用的把？还是说有类似于早期的 babel 实时解析的 JS 库对其进行解析？我也不是很确定，所以想请指导一下。

  另外我看一般支持直接以 script 标签的形式挂载的 UI 组件库，但是经过构建工具打包后的全量包，所以还是对 vue 单文件可以以 script 的引入表示怀疑的态度。。

• 資深大佬 : TmacV2

  @suzic 能给个 demo 例子吗 .vue 单文件如何修改

• 資深大佬 : Maxcj

  上半年我司的一个旧 web 项目就是用引入 vue 进行增量开发的，每个页面一个 vue 实例。就有点类似是直接写 HTML 一样。

• 資深大佬 : xh520630

  每个页面直接引 vue,都 new 一个实例
  写起来轻松又愉快