vue中使用loadsh的debounce防抖函数问题

      <s-input placeholder="请输入查询关键字" prefix-icon="magnifier" v-model="content"></s-input>
      <script>
		import {debounce} from 'lodash'
		export default {
		  watch: {
		    content: debounce(function(newVal, oldVal) {
		      this.search()
		    }, 1000)
		  },
		  methods:{
		  	search(){
				$axios.post('').then((res) => {})
			}
		  }
		}
	  </script>

      <s-button @click="handleSave"></s-button>
      <script>
		import {debounce} from 'lodash'
		export default {
		  methods:{
		  	handleSave: debounce(function() {
				//执行方法
     		},1000),
		  }
		}
	  </script>

_.debounce(func, [wait=0], [options={}])

<script src="https://cdn.jsdelivr.net/npm/lodash@4.13.1/lodash.min.js"></script>

        $(".ceshi").on("click",function(){
                showAlert()
        })
 
        let showAlert = _.debounce(ceshiFun,400,
        {'leading': true,
        'trailing': false})
        
        function ceshiFun(){
            console.log("测试")
        }

<template>
  <div id="test">
    <button @click="btnClick">点击</button>
  </div>
</template>
 
<script>
 
import _ from 'lodash';
 
export default {
  name: 'Test',
  data () {
    return {
    }
  },
  methods:{
    //按钮点击
    btnClick() {
      //显示消息
      this.showAlert('欢迎访问hangge.com');
    },
    // 显示消息时增加防抖（500毫秒延迟）
    showAlert: _.debounce(function(message){
      alert(message);
    }, 500)
  },
  // 页面创建时自动加载数据
  created() {
  }
}
</script>