使用引入vue.js方式开发项目

Question

大家都知道vue是最近比较火的框架，确实也是比较优秀的前端框架，但是看到很多开源项目都用到了vue全家桶和webpack四件套，这样子学习成本稍微有点高，而且小项目的话用这么大的框架和开发套装是不是有点浪费了。
所以，想请教各位大神，有没有人使用引入vue.js的方式开发过小的多页项目，要是能够提供些比较新的开源项目资源就更好了，感谢万分。
其次，这样开发会存在什么弊端？因为使用vue.js了之后，基本上就是代替jquery.js了，那么问题就来了，jquery这么长的霸主时间已经积攒了很多百度即用的插件，比如swiper、superslide、layer、picker、scroll、转盘、树、啦等各种随手可得的插件，用了vue.js之后，很有可能就得自己手写插件造轮子了，如何解决这样的矛盾呢？

Answer 1

看你这个项目多小。Vue官方文档已经很详细了。学习成本并不是很高。开发一个项目，并不要求你对webpack学到很深。
使用webpack,热更新，代码检查等显然是极大的提高了开发效率。
另外：Vue生态目前来说已经很繁荣了。
你所说的swiper等基本都有相应版本。
再说Vue中也可以使用jquery和其相应插件。虽然不推荐。
Vue也有很多组件库包括移动端，PC端，比如element-ui、iview，ant-design-vue等，,这些都有实现基本常用的组件，比如你提到的。
总之Vue的数据驱动思想，组件化带来了的很多便捷。

Answer 2

vue-cli 3 哪儿来的学习成本？

直接一句

vue ui

图形界面下建立项目、装插件、装依赖、热更新开发、打包。webpack都是配置好了的 开箱即用。

Answer 3

关于 Jquery 与 Vue

Vue 起步

这篇文章就是使用 Vue 作为项目的某个 Html 的 Script 标签内代码来学习的

我们在 Html 中本身是可以引入多个 js 的，所以 Vue.js 与 Jquery 也可以一起使用 CDN 引入没问题

关于弊端

Vue 是渐进式的，因此我们完全可以将 Vue 作为一个辅助 JS 块来使用

但是需要注意的是

Vue 生态本身是为了实现 单页面 & 模块化 的 Web 开发

局部使用 Vue 将导致我们有多个 Vue 的实例（将会难以打造单页面），并且代码维护在 Script 中，没有使用 Webpack 也将会是项目很难做到 模块化

那我们可以得到什么？

使用 Vue (CDN 引入)我们可以：

1. 数据驱动
2. MVVM
3. 一定的组件化能力
4. 更方便的渲染页面元素(如根据权限渲染哪些元素，隐藏那些元素)

...

需要注意的是这些优势只有在 "Vue 的实例内部有效"

以上是我个人的理解，可能会有错误，但希望能帮到你

Answer 4

还真有这样的项目，https://github.com/tower1229/...

我刚学Vue的时候跟你的想法一样，所以就脱离CLI工具全手动使用vue.js开发了一个单页面应用，而且利用seajs变相实现了单文件组件化开发。

缺点：

1. 因为没有经过打包构建，开发代码直接跑在浏览器中，所以加载的文件比较零碎，请求数相对多一些，但对于小项目来说影响不大
2. 相比CLI工具起开发服务器的方式，没有热更新确实效率稍微慢一些

Answer 5

说实话，我之前也有直接引入vue去做公司的小项目，就和jq一样用就行了，插件生态也不错了，基本都能找到，但是用起来确实没有全家桶方便啊，全家桶你只是用，不深究的话还是很好操作的，所以建议还是用全家桶吧！

Answer 6

对于前端的项目你觉得打包工具是可以省的，还是框架可以省的？
vue是一个渐进式前端框架。
你可能没有理解什么是渐进式。。。。

Answer 7

vue我觉得学习成本并不算高，更何况现在还有vue ui这种东西，配置起来速度很快的。另外也不要用jQ那一套玩法去套vue吧，既然是MVVM和工程化，总得去学点什么不一样的东西吧？妄图通过跟jq一样的方式调用，可能最后踩的坑要比正规打法还多……

总之一句话吧，你现在越省事，深入以后就越费劲。

Answer 8

请问一下 如果我用引入vue.js来开发一个大型商城项目，会不利于之后的SEO吗？