建议学习vue2的时候，使用如下配置：

在第二项check the features needed for your project，不要选择typescript!!!!

不影响，当使用import store from '@/store'时，如果是一个目录，自动会去找 store/index.js，如果是文件，会直接找store.js，这个是node的模块化找文件名的规则。

代码呢？！

从错误上来看，应该是你没有写path属性或者单词写错了~

vue-router@3 合并到vue-router@4：

https://router.vuejs.org/zh/guide/migration/index.html

还有commi呢

看截图上代码没啥问题，而且你add后，store里也有数据。建议你看下Home.vue的代码，有可能是list.vue组件整体没有显示出来

@慕无忌7118148

正解，注意alias的路径可以在vue.config.js中配置

楼上正解~

可以具体看看console中的错误提示，根据错误来定位问题，修改代码。课程项目代码：https://github.com/toimc/vue-lessons-demo

是的新的版本API有变化~

this指向的是Vuex的实例，而非Vue根实例:

自己可以在Console.log中进行打印

我用的vscode 一样生成不了  而且所有新建文件都是自己加后缀  自己写内容

数据没有双向绑定

重新写一下v-for 那里，你可能index和items 在（）中，写反了。

没有ok,换了之后组件不能显示出来，求大神们搭救。

使用vue inspect > output.js，全局搜索alias，你会有惊喜发现

我用命令创建项目也没有router和vuex组件，用vue ui创建项目就有了

把button的type修改成putton就可以解决了，因为如果是submit，你点击之后他就默认把表单提交了，即使不用vue框架写也会出现这种现象

同学，你的data写成了date了，所以会报错。。。。。?

watch是变化了才有响应，如果用watch，初始化就什么都没有

那要看看是什么情况下的啊，如果list的内容不是经常变化，你放在localStorage里面 还要考虑更新的机制的问题。

源代码，在课程的问答区还有评论区已经回复过多次了。

自己可以借助vue devtools时迁调试一下~~~哦。

是不是没有在父组件添加<router-view/>呢

下次提问，可以提供包括且不限于：

1. webpack版本,vue版本,node版本,npm版本。

2. webpack配置；

3. package.json

4. 本课程中的哪个实例操作出如上的错误，操作的流程是什么？！

5. 代码截图，console错误截图，终端错误截图。

分享自己解决问题的经过，加强对问题的解决能力。

这样才能更好的帮助到大家哦

检查 一下，你的vscode是不是在demo2-origin目录下打开，目录下有没有课程的源代码，有没有package.json文件，有没有npm install相对应的依赖。

关于Vue router的模式，可以参考官方的文档来了解：

具体这样做的原因？设计路由就是为了提高用户体验，而设计两种不同的模式，是针对了不同的业务场景。

使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL 改变时，页面不会重新加载。

这里有几个角度来思考这个问题：

角度一：Vue设计之初，对于流行的单页面应用，为了提高页面的过渡，减少页面的刷新，引入了路由的概念。那么，路由的设计的时候，有的时候，我们需要去取参数（比如路由的路径）；有的时候，像在一些与动态语言配合的时候，需要绝对的路径；还有一些特别的情况，比如微信环境，#号就经常被截断了。

那么，这个时候，使用#号配合 history.pushState API 来完成 URL 跳转而无须重新加载页面。

角度二：这个就是配置的原因，Vue的默认配置就是mode: 'hash'。这个参考一下，官方的文档：https://router.vuejs.org/zh/guide/essentials/history-mode.html。如果，没有设置，vue会默认加一个#号，这样，方便进行路由的管理，做到页面的平滑切换而不刷新。

参考一下如下解决方案：vue.js – [Vue警告]：未知的自定义元素： – 您是否正确注册了组件？

你在使用create创建路由的时候，有没有去选择router选项？

选择router选项之后，应该会产生一个router.js，它会自动配置好如上面链接中的路由内容。

你先看看官方的文档是如何使用路由的，这里有参考配置。

下次提问，可以提供包括且不限于：

1. webpack版本,vue版本,node版本,npm版本。

2. webpack配置；

3. package.json

4. 本课程中的哪个实例操作出如上的错误，操作的流程是什么？！

5. 代码截图，console错误截图，终端错误截图。

分享自己解决问题的经过，加强对问题的解决能力。

这样才能更好的帮助到大家哦

组件代码和<template></template> 发来看看

尝试一下：

1. 重启vue serve

2. 看一下vuex那个选项卡，看看有没有list中多出来一条数据，看看有没有事件触发。