在vue单页应用中使用jquery

BaronZhang 发布于2019-08-20 18:19 / 3011人阅读

摘要：记录一个今天用到的建立的应用中引入的方式。首选通过安装在文件当中引入在需要的地方最后推荐下轮子工厂一个分享优秀组件的网站

记录一个今天用到的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优秀组件的网站

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/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