vue3的 初使用

1.定义参数

import { ref, reactive } from "vue"; 

 

 let count = ref({ a: 112123, b: 666 });

 let  state = reactive({

        data: 123456,

        b: [1, 2, 3, 4, 5, { a: 1, b: 2, c: [1, 2, 34] }],

  });

官当定义 reactive，定义比较复杂的参数，ref 定义常量，两者都可以定义复杂的参数

两者打印出来的东西也不相同  reactive 打印出来是一个proxy对象

ref 打印出来 是用一个对象 将proxy对象包起来了

使用就是  在 setup组合函数中 暴露出来在页面上使用

　　

setup() { 

      let { state,getHome } = diyFun();

        let login = ref(1);

        return { state, login,getHome  }; // 暴露出去之后就可以在页面上 使用这些变量了

    },

 

2. 函数的使用，就是跟参数一样，在外部定义好，内部使用

　　如 getHome 就可以在页面上使用

 

3.生命周期函数的使用

　　vue2和vue3 是差不多  vue3的命名就是多了一个on r如 mounted 在vue3 中就是 onMounted

　　import { onMounted } from "vue";

　　生命周期函数的使用

　　onMounted(() => { })