在vue单页应用中使用jquery

作者: a333661d6d6e | 来源:发表于2018-10-22 20:25 被阅读3次

记录一个今天用到的vue-cli建立的应用中引入jquery的方式。

在vue单页应用中使用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')
 }
 },
 ...
}
 

.在需要的地方

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:{
 }
}//介绍一个全栈开发交流学习圈,欢迎加入Q群:864305860

相关文章

  • nuxt 开发优缺点

    用vue开发单页用得比较顺手,所以想在最近的项目中使用vue来做。但是鉴于单页应用对seo优化不好,用jquery...

  • 在vue单页应用中使用jquery

    记录一个今天用到的vue-cli建立的应用中引入jquery的方式。 首选通过npm安装jquery 在build...

  • 基于jQuery实现spa的三方框架

    1、使用jquery.pjax实现SPA单页面应用 2、基于jQuery/zepto的单页应用(SPA)搭建方案 ...

  • Vue + Vue-Router结合开发

    在实际开发中,用 Vue.js + vue-router 创建单页应用,是非常简单的。 在使用 Vue.js 时,...

  • Learn VueJs 2 Vue-router

    使用 Vue.js 和 vue-router 创建单页应用非常的简单,使用 Vue.js 开发,整个应用已经被拆分...

  • vue2.0 vue-router

    vue-router 用 Vue.js + vue-router 创建单页应用,是非常简单的。使用 Vue.js ...

  • 关于VUE-Router一些记录

    单页应用如何得到多页应用的体验,VUE给我们提供了vue-router,此文不谈论如何安装如何使用,只记录下一些在...

  • cnode社区

    面试要点:(单页应用重点在vue-router) 单页应用,页面只有一个 APP组件; vue-router实现页...

  • 前端路由与Vue Router

    Vue Router 是Vue.js的官方插件,用来快速实现单页应用 单页应用 SPA(Single Page A...

  • B- Todo List Application Tutoria

    在本教程中,您将使用Blockstack和Vue.js为单页应用程序(SPA)构建代码并运行它。应用程序运行后,您...

网友评论

    本文标题:在vue单页应用中使用jquery

    本文链接:https://www.haomeiwen.com/subject/sjcnzftx.html