jquery

最新推荐文章于 2023-02-07 14:53:27 发布

该睡觉觉了

最新推荐文章于 2023-02-07 14:53:27 发布

阅读量116

点赞数

分类专栏： vue 文章标签： vue

本文链接：https://blog.csdn.net/zhangyiyang111/article/details/115446899

版权

vue 专栏收录该内容

37 篇文章 0 订阅

订阅专栏

jquery

1.下载安装

cnpm i jquery --save

2.引入

局部引入

<script>
// 局部引入jquery
import $ from 'jquery'
export default {
  mounted(){
    $('.show').click(()=>{
      $('.orange').slideDown(300)
    })
    $('.hide').click(()=>{
      $('.orange').slideUp(300)
    })
  }
}
</script>

全局引入

在main.js
// 全局引入jQUERY
import $ from 'jquery'
Vue.prototype.$ = $;

<script>
export default {
  mounted(){

    // 全局使用jquery
    this.$('.show').click(()=>{
      this.$('.orange').slideDown(300)
    })
    this.$('.hide').click(()=>{
      this.$('.orange').slideUp(300)
    })
  }
}
</script>