vue使用jquery

<link rel="stylesheet" href="https://js.how234.com/third-party/SyntaxHighlighter/shCoreDefault.css" type="text/css" /><script type="text/javascript" src="https://js.how234.com/third-party/SyntaxHighlighter/shCore.js"></script><script type="text/javascript"> SyntaxHighlighter.all(); </script>

vue使用jquery如何操作呢？一起来看看小编今天的分享吧！

vue使用jquery需要通过改变配置进行操作，具体过程如下：

1、在static中放入jquery文件

2、修改build/webpack.base.conf.js。

在第一行增加

const webpack = require("webpack");

在第24行，增加

alias:{'vue$':'vue/dist/vue.esm.js','@":resolve('src'),'jquery':path.resolve(_dirname,'../static/jquery-1.12.4')//引入jquery}

然后在resolve和plugin中间增加jquery即可

plugins:[new webpack.ProvidePlugin({ //引入jquery$:"jquery",jQuery:"jquery"})]，

Vue.js是前端三大新框架：Angular.js、React.js、Vue.js之一，Vue.js目前的使用和关注程度在三大框架中稍微胜出，并且它的热度还在递增。Vue.js可以作为一个js库来使用，也可以用它全套的工具来构建系统界面，这些可以根据项目的需要灵活选择，所以说，Vue.js是一套构建用户界面的渐进式框架。Vue的核心库只关注视图层，Vue的目标是通过尽可能简单的 API 实现响应的数据绑定，在这一点上Vue.js类似于后台的模板语言。Vue也可以将界面拆分成一个个的组件，通过组件来构建界面，然后用自动化工具来生成单页面(SPA - single page application)系统。

简单来说vue基于js，是一个js库，但是Vue的核心库只关注视图层，Vue的目标是通过尽可能简单的 API 实现响应的数据绑定，在这一点上Vue.js类似于后台的模板语言。