初谈Vue3

J小C=

已于 2023-06-14 15:55:30 修改

阅读量273

点赞数

文章标签：前端 javascript 开发语言

于 2023-06-14 15:53:10 首次发布

本文链接：https://blog.youkuaiyun.com/css_javascrpit/article/details/131185176

版权

Vue3相比于V2，具有更高的可读性和更低的耦合性，同时运行速度也更快。然而，TypeScript的严格性限制了代码的自由度，例如必须使用const声明常量并用ref或reactive包裹。V3中，onMount等函数使代码更加简洁，适合团队协作。但对习惯V2的开发者，可能会觉得约束更大，如let的使用被减少，未使用的变量和函数会被报错。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用了一段时间的V3+Ts+Vite，相对于V2来说确实可读性更高，耦合性更高，速度更快，但是没有V2自由，这个自由限制于TS，在TS中对函数的写法与变量、常量、传参有严格性的规定，在V3项目中习惯用const方法进行一个常量申明，用ref、reactive进行一个包裹，函数也是用const申明，举个例子：

const form = reactive({}) as any 
const getList = async() => {
    form.value={
    pageNo:1,
    pageSize:2
    }
   const data = await XXX(form)
    consle.log(data)
}

onMount(()=>{
    getList()
})

这就是平时的写法，其中 as any 是用来关闭 ESlint 的对变量、常量的类型规则，有些习惯使用V2的小伙伴可能更喜欢用 let 去申明变量，但在V3中常量用的更多，通过使用Value去改变常量的值，在申明一些变量或者函数的时候如果不使用也会报错。

单论写法来说相对于V2，V3的页面简洁度更高，更适合团队开发，可读性高。