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

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

阅读 7.3k
8 个回答

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

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

直接一句

vue ui

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

关于 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 的实例内部有效"

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

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

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

缺点:

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

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

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

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

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

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