可能会遇到的情况
标签中声明 , 无法在
中声明的选项的 定义组件的name
Vue 3 setup() 语法
从语法角度来讲,是可以混合使用,并没用强制限制所有在 如果发现业务逻辑处于不被支持的场景中,可以考虑切换为 setup () 的函数,而不是一定要使用 在 这里展示我自己项目中用到的不同写法 Vue 3 setup() 语法 二 vue3 script setup 语法糖用了才知道有多爽 (一)
中声明的内容不能在 script
标签中声明
但是从使用规范的角度来讲,除了以上的这些情况,尽量避免已经可以用 定义的选项单独使用
如 : props , emit … (这样子写不报错,但是不规范)
当使用 option API 的时候,是无法访问到 在 当中创建的变量的,官方强烈反对以这种方式混合 API
注意 : 当混合使用 和
的时候,语言类型需要一致,否则会报错
7. 路由useRoute和useRouter的使用
useRoute和useRouter
当中是不能访问 this 的,所以不能直接访问 this.$router 或者 #route ,可以用 getCurrentInstance 来代替 this , 通过 getCurrentInstance 方法获取当前组件实例,从而获取 route 和 router
Vue 3 setup() 语法 一
vue3 script setup 语法糖用了才知道有多爽 (二)
vue3 script setup 语法糖用了才知道有多爽 (三)
上一篇:【数据结构入门】-栈和队列