vue3基础

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