Html 如何在vue.js中执行Jquery代码。我想在vue.js中运行JQuery

在这里，我尝试在vue.js中运行jQuery代码。没有vue.js，我的jQuery代码运行得很好，但是当我添加vue.js cdn时，它就不工作了。在这里，当用户在表单输入字段中输入值时，如果突然会话注销或用户导航到其他页面，则表单字段值不应清除。这是我用jQuery编写的，但是当我在vue.js方法中使用该代码时，我无法获得输出。那么如何在vue.js中运行jQuery代码，请帮助我

<div class="">
    First name:<br>
    <input type="text" id="xgh" name="firstname" class="auto-save">
    <br><br>


    Description:<br>
    <textarea name="name" id="uzt" rows="8" cols="80" class="auto-save"></textarea>
    <br><br>


    Preferred car manufacturer :<br>
    <select id="dfj" class="auto-save">
      <option value="none" selected>--</option>
      <option value="volvo">Volvo</option>
      <option value="saab">Saab</option>
      <option value="mercedes">Mercedes</option>
      <option value="audi">Audi</option>
    </select>
    <br><br> 

    Gender :<br>
    <input id="gho" class="auto-save" type="radio" name="gender" value="female"> Female<br>
    <input id="jdw" class="auto-save" type="radio" name="gender" value="other"> Male
    <br><br>

  </div>

Jquery

<script>
$('.auto-save').savy('load',function(){
  console.log("All data from savy are loaded");
});
</script>

$（'.auto save'）.savy（'load'，function（））{
log（“savy中的所有数据都已加载”）；
});

你能澄清一下你遇到了什么错误和什么不起作用吗？我没有遇到任何错误，但当我使用这个vue.js cdn“vuejs.org/js/vue.min.js”>。那时我的JQuery代码不起作用，如果我删除这个cdn，那么它的工作方式这个JQuery代码在vue.js$（'.auto save'）中不起作用。savby（'load'，function（）{console.log（“savy中的所有数据都已加载”）；}）；尝试更改jquery和vue librarieshow的顺序我们可以将jquery脚本放入vue.js方法中吗

<script>
$('.auto-save').savy('load',function(){
  console.log("All data from savy are loaded");
});
</script>