在vue中使用 jquery 的两种方法小结

#index.html文件中
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script>

npm i jquery --save-d

# 在src/main.js文件
import jquery from 'jquery'
Vue.prototype.$ = jquery

#在需要的组件中
import $ from 'jquery'

var vm = new Vue({
      el:'#app',  //实例化对象
      data:{　　         
          WordCardStyles:[]  
          //要存放的数据   
      },     
      methods:{  
          //存放实例方法    
      } 
})

function getStyleSheetInfo(){
    $.ajax({
        type: 'post',
        dataType: 'JSON',
        url: serverUrl + 'api/styleSheet/findStyleSheetPage',
        data: {
            pageNumber:1,
            pageSize:99,
            styleType:'582941287137673216'
        },
        success: function (result) {
            if (result.code == '0000') {
                vm.wordCardStyles = result.data.list //这里的vm就是代表上面的实例，wordCardStyles是vm实例里面的一个对象，然后把请求结果赋值给这里对象
            }
        }
    })
}

var vm = new Vue({
  el:'#app',  //实例化对象
  data:{
      wordCardStyles:[]  //要存放的数据  
    },
    methods:{
        //存放实例方法 
      changeModel(event){
        console.log(event)
        getMainTabelData() //外部的jq方法
        },
    }
})