南强小屋 Design By 杰米
前言
本文给大家介绍的是关于在vue单页应用中使用jquery的相关内容，主要记录一个今天用到的vue-cli建立的应用中引入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:{
}
}
总结
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者使用vue能带来一定的帮助，如果有疑问大家可以留言交流，谢谢大家对的支持。
南强小屋 Design By 杰米
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
南强小屋 Design By 杰米
暂无vue单页应用中如何使用jquery的方法示例的评论...