searchClick(key) { key = key ? key : this.keyword ? this.keyword : this.defaultKeyword this.keyword = key this.saveKeyword(key) //保存为历史 // uni.navigateTo({ // url: '/pages/goodsList/goodsList?key=' + key // }) },把这个转成vue3写法

在 Vue 3 中，针对组件实例的生命周期函数和方法有所调整。同时，Vue 3 中引入了 Composition API，可以更加灵活地组织组件内的逻辑。基于你提供的代码片段，可以将其转换为 Vue 3 的写法，如下所示：

<template>
  <div>
    <!-- 其他模板内容 -->
  </div>
</template>

<script>
import { ref } from 'vue'

export default {
  setup() {
    // 定义响应式数据
    const keyword = ref('')
    const defaultKeyword = 'default'

    // 定义方法
    function searchClick(key) {
      key = key ? key : keyword.value ? keyword.value : defaultKeyword
      keyword.value = key
      saveKeyword(key) // 保存为历史记录
      // 跳转到商品列表页面
      // router.push({ path: '/goodsList', query: { key: key } })
    }

    function saveKeyword(key) {
      // 保存关键词到历史记录
      // ...
    }

    // 返回响应式数据和方法
    return { keyword, defaultKeyword, searchClick }
  }
}
</script>

在 Vue 3 的 `setup` 函数中，使用 `ref` 定义了两个响应式数据 `keyword` 和 `defaultKeyword`，并定义了方法 `searchClick` 和 `saveKeyword`。在模板中使用 `keyword.value` 访问 `keyword` 的值即可。注意，Vue 3 中的路由使用方式与 Vue 2 有所不同，需要根据具体情况进行调整。