vue3知识点-setup返回值OptionsAPI以及其语法糖汇总

【尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通】 https://www.bilibili.com/video/BV1Zy4y1K7SH/?p=29&share_source=copy_web&vd_source=63c6218111021d177660d3bec318e593

1.setup返回值

1.1补充一下箭头函数

2.setup与OptionsAPI（面试题）

1.vue2中的选项式语法可以与setup语法共存

2.旧的语法中是可以读出setup中的内容的，而setup中是无法读出旧语法中内容的

3.setup语法糖

简化setup语法中需要return等繁琐步骤

<script    lang="ts" setup>

 let name='xst'//非响应式

  let age='18'

  let tel='5201314'

数据+方法：

  function showTel()

  {

    alert(tel)

  }

function changename()

  {

    name='cuz'

  }

  function changeage()

  {

    age+=1

  }

</script>

4.扩展：直接更改组件名字