当前位置: 首页 > 知识库问答 >
问题:

如何简化vue3代码?

仲浩旷
2023-11-29
import { computed } from 'vue';export interface Props {  data: {    div: {... }[];    progress: {...};  };}const { data } = defineProps<Props>();const div = computed(() => data.div);const progress = computed(() => data.progress);

我希望直接使用div,progress,它们需要保持响应式,如何简化呢?

...

共有1个答案

柯甫
2023-11-29
import { computed } from 'vue';export interface Props {  data: {    div: {...}[];    progress: {...};  };}const { data } = defineProps<Props>();const { div, progress } = computed(() => ({  div: data.div,  progress: data.progress}));
 类似资料:
  • 我的 vscode 上,有两个插件可以帮我格式化代码 但是这两个插件出来的效果区别太大了,各有优缺点: 比如 prettier 代码块使用 2 个空格缩进;而Volar 可以自己配 Volar 喜欢狗拿耗子把代码注释从代码尾部挪到代码的下一行 这些差异就很烦,尤其在团队合作的时候 所以,怎么大一统呢?比如我可以把怎么格式化,申明在一个文件中,然后各种工具都用这个规则格式化?有这样的东西吗?

  • 我想重构这两个方法,除了“maxResult ()”之外,它们实际上是相同的,这两个方法指的是两个不同的 get,一个返回我单个用户,另一个返回列表。我如何简化这两种方法(总是如果有意义的话)这是两种方法: 第一种方法: 第二种方法:

  • 我的项目目录如下: 其余 electron 为应用 main.js 主进程存放目录,dist、dist=electron 分别为 vue 的打包目录和 electron 的打包目录 之前我都是将 dist 上传到服务器,后 electron 中通过访问网络地址进行展示操作 但如今客户要求应用本地化,应该怎么做呢? 是将 electron 中的 mainWindow.loadURL() 指向本地 d

  • 虽然vue3能够把相关的代码写在一起,但是感觉所有代码都在同一层级,除了增加换行、增加region折叠外,寻找起代码来还是很痛苦,尤其是并不是总能清晰地按相关度分隔。请教各位大佬,你们是如何做的?

  • 我试图找出如何简化创建游戏对象的循环。这是我在为如何使这本书更容易阅读而感到困惑之前所做的。 `使用系统。收藏;使用系统。收藏。通用的使用UnityEngine; 公共类游戏对象:单一行为{ }' 感谢您的帮助,并指出了我可以改进这一点的更好方法。