在vue單頁應用中使用jquery

BaronZhang 發布于2019-08-20 18:19 / 3043人閱讀

摘要：記錄一個今天用到的建立的應用中引入的方式。首選通過安裝在文件當中引入在需要的地方最后推薦下輪子工廠一個分享優秀組件的網站

記錄一個今天用到的vue-cli建立的應用中引入jquery的方式。

首選通過npm安裝jquery

 npm install jquery --save

在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:{

  }
}

最后推薦下輪子工廠--一個分享vue,angular優秀組件的網站

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/84351.html

Vue.js新手入門指南[轉載]

摘要：就是一個用于搭建類似于網頁版知乎這種表單項繁多，且內容需要根據用戶的操作進行修改的網頁版應用。單頁應用程序顧名思義，單頁應用一般指的就是一個頁面就是應用，當然也可以是一個子應用，比如說知乎的一個頁面就可以視為一個子應用。最近在逛各大網站，論壇，以及像SegmentFault等編程問答社區，發現Vue.js異常火爆，重復性的提問和內容也很多，樓主自己也趁著這個大前端的熱潮，著手學習了一...

MartinHan 2019-08-23 11:50 評論0 收藏0
vue-cli單頁應用改成多頁應用配置

摘要：地址前言從接觸開始用的是直接搭建單頁應用，參考配合著開發起來簡直爽到吊炸天，但是由于項目越來越復雜了，單頁用起來可能有點力不從心，能不能弄成多頁面呢，查了相關資料得到的結論是完全可以的，能多頁面多入口，并且可以使用組件，還引入，這簡 git地址 https://github.com/dawnyu/vue-cli-multipage.git 前言從接觸vue開始用的是vue-cli直接...

legendmohe 2019-08-21 11:48 評論0 收藏0
vue-cli單頁應用改成多頁應用配置

摘要：地址前言從接觸開始用的是直接搭建單頁應用，參考配合著開發起來簡直爽到吊炸天，但是由于項目越來越復雜了，單頁用起來可能有點力不從心，能不能弄成多頁面呢，查了相關資料得到的結論是完全可以的，能多頁面多入口，并且可以使用組件，還引入，這簡 git地址 https://github.com/dawnyu/vue-cli-multipage.git 前言從接觸vue開始用的是vue-cli直接...

galaxy_robot 2019-08-29 12:56 評論0 收藏0
vue-cli單頁應用改成多頁應用配置

摘要：地址前言從接觸開始用的是直接搭建單頁應用，參考配合著開發起來簡直爽到吊炸天，但是由于項目越來越復雜了，單頁用起來可能有點力不從心，能不能弄成多頁面呢，查了相關資料得到的結論是完全可以的，能多頁面多入口，并且可以使用組件，還引入，這簡 git地址 https://github.com/dawnyu/vue-cli-multipage.git 前言從接觸vue開始用的是vue-cli直接...

Doyle 2019-08-01 17:08 評論0 收藏0