vue3.0 beta 以及router vuex 注意事项

• vue-router 原先的几个写法不能再这样写了

// 这样写会报错，Cannot read property 'apply' of undefined
// 不知道正式版会不会修正

resolve => require(['@/view/home.vue'], resolve)

// 这种两种写法还是ok 的
() => import('@/view/home.vue')
import Home from './view/home'


// 新增 createRouter, createWebHistory
// 相当于 简写 =>

createRouter 相当于 new Router()

createWebHistory => route 中 history的声明

• vue 3.0 注意事项

2.x与 3.0的对照
    beforeCreate -> 使用 setup()
    created -> 使用 setup()
    beforeMount -> onBeforeMount
    mounted -> onMounted
    beforeUpdate -> onBeforeUpdate
    updated -> onUpdated
    beforeDestroy -> onBeforeUnmount
    destroyed -> onUnmounted
    errorCaptured -> onErrorCaptured

setup 使用 ref 来市单个变量number string boolen 型 进行双向绑定，或者叫数据实时更新

const c = ref(1)

不使用 ref 声明的变量 只能当固定值使用

ref 声明number string boolen类型的变量，那object 呢

object array 均使用 reactive 来声明

vue 3.0 提供 
...toRefs() //讲响应式的对象变为普通对象 在家。。。结构，在模板中就可以直接使用属性，不用data.name

Refs