# imitate-zhihu-vue3

**Repository Path**: sktm4a1/imitate-zhihu-vue3

## Basic Information

- **Project Name**: imitate-zhihu-vue3
- **Description**: imitate zhihu with vue3
- **Primary Language**: TypeScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-12-14
- **Last Updated**: 2023-07-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: vue3, Vue

## README

# Vue3仿某乎

1. vue-cli创建项目  
全局安装@vue/cli ，版本在4.5.0以上  
运行 ```vue create projectName ```   
建议手动选择vue3 ts less等  
另外推荐在vscode中升级vetur插件至0.35.0或者重新安装更适配ts+ vue3的volar插件  
2. Composition Api
  - setup
  - ref 
  - reactive
  - computed
  - watch、watchEffect
  - toRefs
  - 新生命周期钩子
  - 父子组件通信（props emits provide inject）
  - Teleport、Suspense
  应用： 自定义hooks
3. 集成Vuex 、Vue-router  
vuex@4.x：
1. 使用createStore创建store实例，基本与3.x保持一致  
2. setup中全新的“useStore”组合式函数
vue-router@4.x ：
1. Vue Router 不再是一个类，而是一组函数。现在不再写new Router()，而是要调用 createRouter  
2. useRouter、useRoute组合式函数