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類似于后臺的模板語言。

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