Vue3(1)，前端开发者必须收藏的8个开源库

• vite—>vue/vue-ts

• 就可以直接写ts代码了

可以学习下typescript—》点击蓝色字体跟我一起快速入门ts哦

学了typescript之后再用ts的写法来写vue组件代码

2. composition API 中 使用vue-router

由于在setup中不能使用this, 因为setup在初始化之前执行的，所以setup无法访问this

setup是一个独立的钩子函数，不会依赖vue实例组件，如果用到外部函数，都需要从外部获取

不能再直接访问 this. r o u t e r 或 t h i s . router 或 this. router或this.route 作为代替，我们使用useRouter和useRoute函数

• 2.1创建路由

// 引用两个函数，一个是创建路由对象，一个是路由模式

import {createRouter,createWebHashHistory} from ‘vue-router’

// 导出创建路由对象

export default createRouter({

// 设置路由模式

history:createWebHashHistory(),

// 路由信息对象

routes

})

• 引用

import {useRouter,useRoute} from ‘vue-router’

• 2.2 使用

setup(props) {

const router = useRouter() //等同于this.$router

const route = useRoute() //等同于this.$router

}

3. composition API 中 使用vuex

• vuex也是无法使用this.$store

• 2.1 引用

import {useStore} from ‘vuex’

• 2.2 使用

// 在组合api中是不支持辅助函数

setup() {

const store = useStore()

// 创建响应式对象，接受一个普通对象，返回一个响应式数据对象

const data = reactive({

iscount:computed(()=> store.state.count*2),

最后

其实前端开发的知识点就那么多，面试问来问去还是那么点东西。所以面试没有其他的诀窍，只看你对这些知识点准备的充分程度。so，出去面试时先看看自己复习到了哪个阶段就好。

这里再分享一个复习的路线：（以下体系的复习资料是我从各路大佬收集整理好的）

《前端开发四大模块核心知识笔记》

最后，说个题外话，我在一线互联网企业工作十余年里，指导过不少同行后辈。帮助很多人得到了学习和成长。

我意识到有很多经验和知识值得分享给大家，也可以通过我们的能力和经验解答大家在IT学习中的很多困惑，所以在工作繁忙的情况下还是坚持各种整理和分享。