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