Vue3.0再不学就out了！跟我入门第一天，含集成ts、router、vuex等使用方法

// 引用两个函数，一个是创建路由对象，一个是路由模式
import {createRouter,createWebHashHistory} from 'vue-router'

// 导出创建路由对象
export default createRouter({
  // 设置路由模式
  history:createWebHashHistory(),
  // 路由信息对象
  routes
})
复制代码

 import {useRouter,useRoute} from 'vue-router'
复制代码

  setup(props) {
    const router = useRouter()   //等同于this.$router
    const route = useRoute()   //等同于this.$router
  }
复制代码

 import {useStore} from 'vuex'
复制代码

  // 在组合api中是不支持辅助函数
  setup() {
    const store = useStore()
// 创建响应式对象，接受一个普通对象，返回一个响应式数据对象
    const data = reactive({
      iscount:computed(()=> store.state.count*2),
      doubelCount:computed(()=> store.getters.doubel)
    })
    // 上下都可
    // const iscount = computed(()=> store.state.count*2)
    // 提交mutations
    const cAdd=()=>{
      store.commit('add')
    }
    const cAddVal=(val)=>{
      store.commit('addVal',val)
    }
    const asyncAdd = ()=>{
      store.dispatch('asyncAdd')
    }
  return{
        ...toRefs(data),
        cAdd,
        cAddVal,
        asyncAdd
      }
  },
复制代码