Demo2.vue 487 B

1234567891011121314151617181920212223242526272829303132
  1. <template>
  2. <div>
  3. <hr />
  4. <hr />
  5. <h1>Demo2</h1>
  6. <h3>我叫{{ name }}</h3>
  7. </div>
  8. </template>
  9. <script setup>
  10. /**
  11. * setup函数返回对象上的内容 可以直接在模版使用
  12. * setup中this指向undefined 不能在setup中使用this
  13. */
  14. let name = "图图";
  15. console.log(this)
  16. </script>
  17. <!-- <script>
  18. export default {
  19. name: "Demo2",
  20. setup() {
  21. let name = "图图";
  22. return {
  23. name,
  24. };
  25. },
  26. };
  27. </script> -->
  28. <style lang="scss" scoped>
  29. </style>