Vue3 对 模板、组件选项、实例化 等 名词 的理解

 什么叫模板？

答：Vue使用的是基于HTML的模版语法，所以下面的固定结构就是模版本

<template>
</template>

<script>
</script>

<style></style>

组件实例化

目前Vue3组件的实例化，只能通过createApp 返回引用实例

什么叫组件选项

答：如下这种配置式方式

export default {
  name: "Resource",
  data(){
    return {
        msg: '消息'
    }
  }
  components: {},
  computed: {},
  watch:{},
  methods:{
    test(){}
  }
  
}

组合式API （是针对组件选项的优化）

<script setup>
import { ref, onMounted} from "vue";

// 模板中ref的名称，必须和变量名相同，且ref函数包裹null，必须return出去
const wuzi = ref(null);

onMounted(() => {
      //打印DOM节点
      console.log(wuzi.value);
 })

</script>