vue工程化项目导入jquery实现组件内部动画

// 普通的dom元素
<div class="message_content">
// content .....</div>
<script>
export default {
  name: 'collapseM',
  props: {
  },
  data () {
    return {
      isContentShow: false
    }
  },
  methods: {
    colToggle () {
      let self = this
      console.log(this.$refs.message_content_ref)
      // 实现普通下滑动画
      $(this.$refs.message_content_ref).slideToggle(function () {
        self.isContentShow = !self.isContentShow
      })
    }
  },
  created () {
  },
  computed: {
  },
  watch: {
  },
  mounted () {
  }
}
</script>