在vue单页应用中使用jquery

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

在vue单页应用中使用jquery相关推荐

在vue单页应用中使用jquery 1
记录一个今天用到的vue-cli建立的应用中引入jquery的方式. 首选通过npm安装jquery npm install jquery --save 复制代码在build/webpack.bas ...
vue单页项目中判断有没有上一页
场景:判断一个页面有没有上一页,没有就关闭页面,有的话就返回上一页测试了多种方法后,最后用window.sesstionStorage 结合router.afterEach实现了. 我解决的思路: ...
prerender html5,HTML5 VUE单页应用 SEO 优化之预渲染（prerender-spa-plugin）
前言:当前 SPA 架构流行的趋势如日中天,前后端分离的业务模式已经成为互联网开发的主流方式,但是单页面应用始终存在一个痛点,那就是 SEO, 对于那些需要推广,希望能在百度搜索时排名靠前的网站而 ...
解决vue单页路由跳转后scrollTop的问题
作为vue的初级使用者,在开发过程中遇到的坑太多了.在看页面的时候发现了页面滚动的问题,当一个页面滚动了,点击页面上的路由调到下一个页面时,跳转后的页面也是滚动的,滚动条并不是在页面的顶部在我们写路 ...
基于vue单页应用的例子
代码地址如下: http://www.demodashi.com/demo/13374.html 目录结构 - src目录主要的代码目录 - components 存放项目组件 - router 路 ...
在单页应用中使用WebWork
在单页应用中使用WebWork JS为了避免DOM渲染冲突,使用单线程运行代码.虽然浏览器通过事件循环队列延后处理耗时任务,但是在执行大量复杂运算时依然会使主线程卡顿,HTML5提出了WebWork允 ...
Vue 单页应用与多页应用的区别
Vue 单页应用与多页应用的区别概念: ● SPA单页面应用(SinglePage Web Application),指只有一个主页面的应用,一开始只需要加载一次js.css等相关资源.所有内容都包 ...
简述vue单页应用与多页应用的区别
简述vue单页应用与多页应用的区别文章目录简述vue单页应用与多页应用的区别前言一.Vue单页应用是什么? 内部原理: 二.Vue多页应用是什么? 内部原理: 三.它俩有啥区别? 四.总结前 ...
404 单页应用报错路由_详解vue 单页应用（spa）前端路由实现原理
写在前面:通常 SPA 中前端路由有2种实现方式: window.history location.hash 下面就来介绍下这两种方式具体怎么实现的一.history 1.history基本介绍 w ...

在vue单页应用中使用jquery

在vue单页应用中使用jquery相关推荐

最新文章

热门文章