|
Vue项目中是否可以引用jquery.js ？ 答案是肯定的。vue中可以引用jquery
vue中引用jquery有以下方法： 1. 直接在index.html 中，引用jquery.js文件即可，代码如下： <body> <div id="app"></div> <!-- built files will be auto injected --> <script src="static/jquery.js"></script> </body> 2. 通过模块安装的方法引入 在项目中安装jquery npm 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' 但是都用vue了就别用JQ了 要换换思路了，而且jq 于vue兼容有些问题，你要踩的坑会很多。 jquery与vue 的区别？ jquery提供最大的便利是dom操作，通过对库的封装为用户提供便捷的dom操作函数。而vue的核心思想则是数据驱动，一切以数据优先，以数据绑定的方式实现dom的自动更新，从而最大限度减少用户的dom操作，使更多的精力用来关注逻辑实现而非视图交互。所以，题主既然用了vue，就该遵循vue的思想，更多地从数据驱动的角度去考虑需求的实现，而不是传统的dom操作。当然，vue不希望你作dom的新增和更新工作，因为它已经帮你完成了，但vue能做一部分，不是所有。在实际开发任务中，有一些需求是无法避免去获取dom并操作dom的。包括vue中的自定义指令，其实也是在对dom进行操作。这些时候就需要根据具体的业务需求来进行取舍了。 直白说：数据驱动型的意思是什么？显示，动作，切换，等等，只需要一个数值去控制，而不是去添加DOM，去除DOM，思想不同 参考：https://www.imooc.com/wenda/detail/381241 |
|
|
公众号
