欢迎光临
我们一直在努力

vue如何引入jquery插件

本篇内容介绍了“vue如何引入jquery插件”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

  首先来解决问题:

  最简单的用法,在项目中安装jquerynpm?install?jquery

  需要引用的组件中使用jquery,引入即可import?$?from?'jquery'

  也可通过配置webpack的plugins的API参数,将jq作为全局插件的形式进行引入:new?webpack.ProvidePlugin({

  jQuery:?"jquery",

  $:?"jquery"

  })

  注:若用vue-cli进行生成,则在build/webpack.base.conf.js中

  配置webpacck后在入口文件main.js中引入即可全局使用import?$?from?'jquery'

  接下来说两个问题:解决问题的方式

  题主的这个问题其实已经算是一个很陈旧的问题,通过百度等搜索引擎能够很快找到问题的解决办法。题主应当养成自己解决问题的能力,往往在学习和工作过程中,去寻求别人来解决问题,不仅费时而且有时候效果也不是很好,自己的印象也不够深。

  jquery提供最大的便利是dom操作,通过对库的封装为用户提供便捷的dom操作函数。而vue的核心思想则是数据驱动,一切以数据优先,以数据绑定的方式实现dom的自动更新,从而最大限度减少用户的dom操作,使更多的精力用来关注逻辑实现而非视图交互。所以,题主既然用了vue,就该遵循vue的思想,更多地从数据驱动的角度去考虑需求的实现,而不是传统的dom操作。当然,vue不希望你作dom的新增和更新工作,因为它已经帮你完成了,但vue能做一部分,不是所有。在实际开发任务中,有一些需求是无法避免去获取dom并操作dom的。包括vue中的自定义指令,其实也是在对dom进行操作。这些时候就需要根据具体的业务需求来进行取舍了。

“vue如何引入jquery插件”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注云搜网网站,小编将为大家输出更多高质量的实用文章!

赞(0)
【声明】:本博客不参与任何交易,也非中介,仅记录个人感兴趣的主机测评结果和优惠活动,内容均不作直接、间接、法定、约定的保证。访问本博客请务必遵守有关互联网的相关法律、规定与规则。一旦您访问本博客,即表示您已经知晓并接受了此声明通告。