在vscode的配置中可以搜索eslint 或者 删除eslint插件:

但是不建议哦，eslint可以提高代码质量，平时也会帮助检查一些低级错误。

一样的，vue2.6会有一些遗弃API的warn，会是一个很好的过渡版本，官方会维护18个月

可以看看vue的调试工具中有没有变化？

创建store对象不就行了么，文件命名不是必须

这是eslint语法检查，要求很严格，你可以去掉eslint，还有一个就是可以在pacage.json里面修改

将："lint": "vue-cli-service lint" 修改为：eslint --fix --ext .js,.vue src，

之后每次报错时执行 npm lint

在 vue-devtools的设置里有一个auto load vuex state

可以翻看一下历史问题，有很多同学问到这个问题了。再一个，我们鼓励大家自己去实践，在写代码的过程中，碰到了问题，自己先尝试解决。

有几种方式会去提示代码的错误，入门的同学学习使用webstorm非常的智能，vscode的使用中使用eslint，代码提示也会非常的友好，鼠标移上去就可以看到错误了。

。。。

server应该是serve

同学，我非常想知道你爱前端有几分？！（你问我爱你有多深~~~）回来回来~~~

前端很苦的，不是心血来潮，也不是看别人工资很高就眼红想要学。你要想清楚你为什么去学前端？随大潮的话就算了~

测试也是一个大前端的走向，我现在就非常喜欢写测试，特别是e2e测试，很好玩的。单元测试、集成测试、自动化测试~~样样都很好玩。

测试的工资水平也不错，我们这边一个中等水平（能写测试报告，会写测试用例，会与程序员沟通bug的测试），年薪可以在20w-25w。

再来说说，我们的课程：

我们的课程针对的是有一定的前端基础，想拔高和扩展视野的同学。那么，你如果没有基础，过来学习，会有这种感觉“what?” "WTF!!" “OMG”“这什么鬼？”“这TM太难了吧”...

那么，你要有很大的决心去解决这些问题，虽然，我们也有很强大的助教团队和很丰富的学习资料，但是，学习这个事情，还是要靠个人。

前端，非常的广，而且很“杂”，学习前端，有路径，要有方法。

请珍惜眼前的事情，珍惜时间，慎重考虑，然后再重新出发吧~~~~

这里要用计算属性去绑定，你写的是初始值设置

store在内存中，localstorage是本地缓存文件中，如果刷新浏览器store会被清除，而localstorage如果没有去删除的话，则一直存在。

computed

这个可以把鼠标移上去看看，应该是eslint的报错提示。有两种文案：

1. 使用提示中的要求，修改代码，这一块属于ESlint的范畴，可以参考：ESlint学习

2. 关闭Webstorm的ESlint选项：webstorm关闭eslint检测

你是说vue的dev-tools吗？

这个下载了之后就可以使用了，很容易上手的哦。

参见前面同学的安装方式，如果chrome的插件无法打开或者下载，也可以手动安装。

这里有官方的安装步骤：https://github.com/vuejs/vue-devtools#manual-installation

仓库地址： https://github.com/vuejs/vue-devtools.git

1. 克隆上面的仓库

2. npm install（如果你使用纱线作为包管理器，则安装纱线）

3. npm run build

4. 打开Chrome扩展程序页面

5. 检查“开发者模式”

6. 单击“加载解压扩展”，然后选择shells / chrome。

HTML的meta中有没有指定utf-8的编码格式？

<meta charset="utf-8">

下次提问，请提供且不限于以下内容：

1. 错误截图

2. 代码仓库

3. npm node vue/cli版本

4. 如何重现错误？

5. 有没有自己找过解决方案？有没有自己尝试过？尝试的过程与结果！
   

这是在Vue风格指南里的推荐做法，它要求组件中要使用data属性时，除了是在new Vue中，其他地方data属性都要作为一个函数并返回值。详情可以参见vue.js风格指南中的A类规则中的第二条。

最新的ID：nhdogjmejiglipccpnnnanhbledajbpd

赞，这个插件有一个配置可以选择，auto refresh state，可以自动刷新 ！！！

你可以看看vuex的概念，如果把state单纯当成是全局变量是不对的。

1. vuex不单纯是起到了“全局变量”的作用

它加入了单向数据流的机制，所以如果是单纯的全局变量，所有人都能改，那就乱套了不是。

store里面的state，只能通过mutations来改。

而且加入了一些新的特性，比如actions（异步），getters（计算属性），这些在实际的项目中，都是非常好用的。

2. 组件间的通信方式还有很多种，选择合适项目本身的才最重要

需要下载相应的插件

 1. 第一个问题，参考：data 必须是一个函数

第一个写法只能在ES5环境中去使用，在CLI创建的工程项目中，会编译异常。

最主要的原因：是data的作用域的问题。举例说明：如果是有多个Vue实例，那么data按照对象的方式去定义，都是同一个作用域，导致data相互覆盖，不唯一。而变成函数之后，就只能在本Vue实例里面可以进行访问了。

2. 第二个问题。

如果在全局的App.vue的main.js中引入了store，那么store是可以全局使用的。

或者按照上面的写法，你可以在单独的组件中引用store，变成局部引用。即局部与全局的引用区别！！

配置文件是vue.config.js，这个文件需要自己去创建。

参考：全局 CLI 配置

如果需要自动更新state，打开插件的这个选项

如果同学有关于本课程的疑问，请提供详细的配置，或者是github项目demo.

包括且不限于：

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

2. webpack配置；

3. package.json

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

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

export default 是 ES6 的模块化方案，用来导出模块数据。

new Vue 是 调用 Vue 的构造函数，创建 Vue 实例 ---> 也就是所谓的Vue组件。

Vue.component() 是传入一个普通的 Obj 对象，内部会使用 Vue.extend(obj) 返回一个全局的组件的构造函数，用于 new Obj() 创建一个组件对象。

提问需要注意的问题：

不限于以下内容：

1. 错误截图，项目源码；

2. node, npm, cnpm, vue, vue-cli版本（package.json）

3. 错误能否复现？

4. 自己是否按照视频中的内容去检查一遍

5. 自己有没有百度过？尝试解决方案？是否与同学或者周围的朋友讨论过？
   

1.  你使用npm run serve，修改了内容之后（要确定你保存了，ctrl+s了），终端里面有什么提示吗？

   默认来说，vue cli工具创建的工程会监听文件的变化，进行热编译。可以看到当你保存文件的时候，终端工具的窗口里面会有编译的提示。
   

2. node -v , npm -v，vue --version，把你目前使用版本贴出来一下（Package.json），确保与视频中的一致。