Shulou(Shulou.com)06/01 Report--

This article introduces the knowledge of "how to introduce jquery plug-ins into vue". In the operation of actual cases, many people will encounter such a dilemma, so let the editor lead you to learn how to deal with these situations. I hope you can read it carefully and be able to achieve something!

First of all, to solve the problem:

For the simplest use, install jquerynpm?install?jquery in your project

Use jquery in the components that need to be referenced, and you can introduce import?$?from?'jquery'.

You can also introduce jq as a global plug-in by configuring the API parameter of webpack's plugins: new?webpack.ProvidePlugin ({

JQuery:? "jquery"

$: "jquery"

})

Note: if you use vue-cli to generate, then in build/webpack.base.conf.js

After configuring webpacck, you can use import?$?from?'jquery' globally by introducing it into the portal file main.js.

Let's talk about two problems: the way to solve the problem.

The subject of this problem is actually a very old problem, through Baidu and other search engines can quickly find a solution to the problem. The subject should develop their own problem-solving ability, often in the process of study and work, to seek others to solve problems, not only time-consuming and sometimes the effect is not very good, their own impression is not deep enough.

The greatest convenience provided by jquery is the dom operation, which provides users with convenient dom operation functions through the encapsulation of the library. The core idea of vue is data-driven, which gives priority to data and automatically updates dom in the way of data binding, so as to minimize users' dom operations and make more energy focus on logical implementation rather than view interaction. Therefore, since the subject uses vue, he should follow the idea of vue and consider the implementation of requirements from a data-driven point of view, rather than the traditional dom operation. Of course, vue doesn't want you to add and update dom, because it's already done for you, but vue can do some, not all. In the actual development task, there are some requirements that can't be avoided to get dom and manipulate dom. Including custom instructions in vue is actually operating on dom. At these times, you need to make a choice according to the specific business needs.

This is the end of the introduction of "how vue introduces the jquery plug-in". Thank you for reading. If you want to know more about the industry, you can follow the website, the editor will output more high-quality practical articles for you!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.