1.setup语法糖
在<script>标签上直接写setup,则下面的语句不需要return变量以及函数,方便使用
2.ref使用
使用ref前需要进行引入ref
只有引入后才能够使用,否则会报错
定义ref数据
const open=ref(false)
在html中直接使用 【open】,在script中使用【open.value】
像这种对象或者是数组,在html中使用【formInline.billNo】,在script需要使用【formInline.value.billNo】
3.钩子函数类
第一步还是需要进行引入才能够使用
就可以直接在script环境中使用
onMounted(()=>{
})
4.普通函数
const handleSizeChange=()=>{
labellist()
}
使用const 来声明一个变量,结合箭头函数一块使用
在调用的时候,也不需要加上this,直接调用即可。
5.展开运算符
在已经定义了一个form时,可以使用展开运算符进行克隆
const form1=ref({
...form.value
})