欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vue單頁應(yīng)用中如何使用jquery的方法示例

 更新時間:2017年07月27日 09:47:49   作者:AshleyLv  
最近在工作中遇到的一個需求,需要在vue-cli建立的應(yīng)用中引入jquery的方式,通過查找相關(guān)的資料最終解決了,所以這篇文章主要給大家介紹了關(guān)于在vue單頁應(yīng)用中如何使用jquery的方法示例,需要的朋友可以參考借鑒,下面來一起看看吧。

前言

本文給大家介紹的是關(guān)于在vue單頁應(yīng)用中使用jquery的相關(guān)內(nèi)容,主要記錄一個今天用到的vue-cli建立的應(yīng)用中引入jquery的方式。下面話不多說,來一起看看詳細的介紹吧。

方法如下:

1.首選通過npm安裝jquery

 npm install jquery --save

2.在build/webpack.base.conf文件當中引入jquery

module.exports = {
 ...
 resolve: {
 extensions: ['.js', '.vue', '.json'],
 alias: {
  'vue$': 'vue/dist/vue.esm.js',
  '@': resolve('src'),
  'jquery': path.resolve(__dirname, '../node_modules/jquery/src/jquery')
 }
 },
 ...
}

3.在需要的地方

import $ from 'jquery'
export default {
 name: 'hello',
 data () {
 return {
  msg: 'Welcome to Your Vue.js App'
 }
 },
 mounted:function(){
 let test = $('#test').text()
 console.log(test)
 },
 methods:{

 }
}

總結(jié)

以上就是這篇文章的全部內(nèi)容了,希望本文的內(nèi)容對大家的學(xué)習(xí)或者使用vue能帶來一定的幫助,如果有疑問大家可以留言交流,謝謝大家對腳本之家的支持。

相關(guān)文章

  • vue項目使用可選鏈操作符編譯報錯問題及解決

    vue項目使用可選鏈操作符編譯報錯問題及解決

    這篇文章主要介紹了vue項目使用可選鏈操作符編譯報錯問題及解決方案,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
    2024-03-03
  • 圖文詳解vue中proto文件的函數(shù)調(diào)用

    圖文詳解vue中proto文件的函數(shù)調(diào)用

    這篇文章主要給大家介紹了vue中proto文件函數(shù)調(diào)用的相關(guān)資料,文中通過示例代碼介紹的非常詳細,對大家學(xué)習(xí)或者使用vue具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
    2021-08-08
  • vue.js實現(xiàn)雙擊放大預(yù)覽功能

    vue.js實現(xiàn)雙擊放大預(yù)覽功能

    這篇文章主要為大家詳細介紹了vue.js實現(xiàn)雙擊放大預(yù)覽功能,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-06-06
  • vue.js修改el-popover組件顯示位置

    vue.js修改el-popover組件顯示位置

    el-popover是一個基于element-ui框架設(shè)計的,用于浮動展示提示或菜單的UI組件,下面這篇文章主要給大家介紹了關(guān)于vue.js修改el-popover組件顯示位置的相關(guān)資料,需要的朋友可以參考下
    2023-06-06
  • vue中定時器setInterval的使用及說明

    vue中定時器setInterval的使用及說明

    這篇文章主要介紹了vue中定時器setInterval的使用及說明,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2023-03-03
  • vue中的導(dǎo)航守衛(wèi)使用及說明

    vue中的導(dǎo)航守衛(wèi)使用及說明

    這篇文章主要介紹了vue中的導(dǎo)航守衛(wèi)使用及說明,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2023-01-01
  • vue-dialog的彈出層組件

    vue-dialog的彈出層組件

    這篇文章主要為大家詳細介紹了vue-dialog的彈出層組件,可以通過npm引用的組件,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-03-03
  • vue踩坑之在input中使用filters局部過濾器問題

    vue踩坑之在input中使用filters局部過濾器問題

    這篇文章主要介紹了vue踩坑之在input中使用filters局部過濾器問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
    2023-11-11
  • vue使用el-table篩選tree樹形結(jié)構(gòu)的數(shù)據(jù)問題

    vue使用el-table篩選tree樹形結(jié)構(gòu)的數(shù)據(jù)問題

    這篇文章主要介紹了vue使用el-table篩選tree樹形結(jié)構(gòu)的數(shù)據(jù)問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
    2024-07-07
  • Vue?中?Promise?的then方法異步使用及async/await?異步使用總結(jié)

    Vue?中?Promise?的then方法異步使用及async/await?異步使用總結(jié)

    then?方法是?Promise?中?處理的是異步調(diào)用,異步調(diào)用是非阻塞式的,在調(diào)用的時候并不知道它什么時候結(jié)束,也就不會等到他返回一個有效數(shù)據(jù)之后再進行下一步處理,這篇文章主要介紹了Vue?中?Promise?的then方法異步使用及async/await?異步使用總結(jié),需要的朋友可以參考下
    2023-01-01

最新評論