Vue3.0

Props定义(setup 语法糖)

基础模板

import { defineProps } from "vue";
interface IProps {
}
const props = defineProps<IProps>();

IDEA

import { defineProps } from "vue";
interface IProps {
    $prama$
}
const props = defineProps<IProps>();

VSCode

Props定义带默认参数

import { defineProps, withDefaults } from "vue";
interface IProps {
}
const props = withDefaults(defineProps<IProps>(), {
});

IDEA

import { defineProps, withDefaults } from "vue";
interface IProps {
    $param$
}
const props = withDefaults(defineProps<IProps>(), {
  $END$,
});

VSCode

ref

基础模板

import { ref } from "vue";
const name = ref<T>()

IDEA

import { ref } from "vue";
const $Name$ = ref<$Type$>($END$);

VSCode

Vscode 中的代码片段