# Vue-Chapter-Case

**Repository Path**: retrace0115/vue-chapter-case

## Basic Information

- **Project Name**: Vue-Chapter-Case
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-10-23
- **Last Updated**: 2022-08-23

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vue

## README

# 说明
该项目需要Nodejs环境支持，请先安装Nodejs
推荐地址：
> https://www.runoob.com/nodejs/nodejs-install-setup.html

安装完成后，打开命令行工具，全局安装@vue/cli （仅第一次，安装脚手架）：
>npm install -g @vue/cli

如果下载缓慢请配置npm淘宝镜像：
>npm config set registry https://registry.npm.taobao.org

切到你要创建项目的目录，然后输入：
>vue create 项目名称

完成后，切到你的项目目录下输入以下命令启动脚手架：
>num run serve

需要用哪个案例就把哪个案例的文件夹内的内容替换掉你的src文件夹中的内容。

注意：（来源简书 - https://www.jianshu.com/p/e2e2f2ce3ae6）
> 
在使用cli4创建项目的时候，选择了默认配置后像vue-router以及vuex等都是后面再自己去下载的，但是cli4的main.js又和之前有一些不一样的地方之前在main中挂载的代码一般都是这个样子的

import Vue from "vue";

import App from './App.vue';

import router from "./router";

new Vue({

  router,

  render: h => h(App)
    
}).$mount("#app");

而cli4创建的项目默认是这个样子的

import { createApp } from 'vue'

import router from './router'

import App from './App.vue'

createApp(App).mount('#app')

当时对cli4这种写法不了解 不知道怎么去注册router以及store  于是就换成了上面那种写法 项目虽然能运行但是一直就出现"export 'default' (imported as 'Vue') was not found in 'vue'的问题。createApp是可以进行链式调用的

解决方案就是按照cli4的写法去注册router或者store

createApp(App).use(store).use(router).mount('#app')

就可以解决这个问题了