vue使用jquery

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类似于后台的模板语言。

以上就是小编今天的分享了，希望可以帮助到大家。