vue3的优势
作为我们应该注重了解源码和新的特性
新的特性我们挨着来了解
首先是创建工程
第一种方式也是命令行 直接vue create 文件名创建vue3
第二种可以vite创建
也是直接命令行创建和第一种差不多
首先是组合式CompositionApi
vue3中新的写法就是全部写在setup函数中很方便
代码示例如下:
setup(){
let name =ref("张三")
let age = ref(18)
let job = ref({
type:"前端工程师",
salary:"30k"
})
function sayHello(){
alert(`我叫{name},今年{age}岁`)
}
function changInfo(){
name.value='李四'
age.value = 20
job.value.type="UI工程师"
job.value.salary="40k"
console.log(name,age)
}
return{
name,
age,
job,
sayHello,
changInfo
}
}
将一切都定义在里面,然后最后return出去,外面直接用,如果要使用响应式的一定要用ref把数据包裹
调用时候是xxx.value