Spring Boot - 结合 Redis 使用 Lua脚本

▒ 目录 ▒

• • 🛫 导读
  • • 需求
    • 开发环境
  • 1️⃣ `

🛫 导读

需求

开发环境

1️⃣ <script setup>

相比普通script语法的优势

语法

<script setup>
	console.log('hello script setup')
</script>

<script setup>
// import 出来的变量
import { capitalize } from './helpers'
// 变量
const msg = 'Hello!'
// 函数
function log() {
  console.log(msg)
}
</script>

<template>
  <div @click="log">{{ msg }}</div>
  <div>{{ capitalize('hello') }}</div>
</template>

组件

<script setup>
import MyComponent from './MyComponent.vue'
</script>

<template>
  <MyComponent />
</template>

<script setup>
import Foo from './Foo.vue'
import Bar from './Bar.vue'
</script>

<template>
  <component :is="Foo" />
  <component :is="someCondition ? Foo : Bar" />
</template>

顶层 await

2️⃣ 组合式 API

概念

常用方法

优缺点

📖 参考资料

• vue3中的单文件组件＜script setup＞详解 https://blog.csdn.net/qq_41880073/article/details/124199104
• 迁移至 Vue 2.7 https://v2.cn.vuejs.org/v2/guide/migration-vue-2-7.html
• vue3学习（2）选项式API和组合式API的区别 https://juejin.cn/post/6966606592024576013