# 閱讀文章
- 在 Vue.js 中使用 Axios 取得資料
- Replit 的範本，不過似乎跟我想設計的情境不太一樣 @@
App.vue
//import HelloWorld | |
<template> | |
<HelloWorld msg="You did it!" /> | |
</template> |
Hello World.vue
<script setup> | |
defineProps({ | |
msg: { | |
type: String, | |
required: true | |
} | |
}) | |
</script> | |
<template> | |
<!--swig0--> | |
</template> |
- 跨域問題
- Django 跨域標頭
- 看來在 Django 那邊標頭寫完整前還不能串，所以...
# 先想練習讓 Vue 的模板讀得到 script setup 的變數吧
TotalAssets.vue
<script setup> | |
const totalAssets = 'test' | |
</script> | |
<template> | |
<!--swig1--> | |
</template> |
在其他地方插入這個 TotalAssets.vue 就會顯示 test 喔
這麼簡短就是 Vue3 script setup 語法糖的威力
