vue3介绍:
把方法,属性按照`业务` 分成不同的部分
在HTML的唯一区别:template中可以有多个子元素
data、methods、watch....与数据相关的操作,都放在setup里
脚本:
分两种模式:JS脚本模式、TS脚本模式
JS脚本模式:
<template>
<!-- template中可以有多个子元素 -->
<div>11</div>
<div>22</div>
<div>33</div>
</template>
<script>
//,当前脚本是JS模式,无法使用TS语法
export default {
setup() {
return {};
},
};
</script>
TS脚本模式:
<template>
<div>
</div>
</template>
<script lang="ts">
import { defineComponent } from "vue";
//defineComponent + lang='ts':代码支持TS语法
export default defineComponent({
setup() {
return { };
},
});
</script>