vue

两者的区别

• this.$store.commit()
  commit: 同步操作

this.$store.commit('方法名',值)【存储】

this.$store.state.方法名【取值】

• this.$store.dispatch()
  dispatch: 异步操作

this.$store.dispatch('方法名',值)【存储】

this.$store.getters.方法名【取值】

当操作行为中含有异步操作:
比如向后台发送请求获取数据，就需要使用action的dispatch去完成了。
其他使用commit即可。

其他了解：commit=>mutations,用来触发同步操作的方法。
dispatch =>actions,用来触发异步操作的方法。
在store中注册了mutation和action，在组件中用dispatch调用action，然后action用commit调用mutation，

npm i 时报错如下

npm ERR! fibers@5.0.0 install: `node build.js || nodejs build.js`
npm ERR!
npm ERR! Failed at the fibers@5.0.0 install script.

先运行

npm install fibers@5.0.0 –ignore-scripts

再运行

npm i

OK！

当我们在src目录下创建.scss文件，并在main.js中引用，运行时会报：

ERROR Failed to compile with 1 errors 5:25:07 PM
This relative module was not found:

* ./main.scss in ./src/main.js

解决方法：

新版本的vue-cli已经帮我们把sass-loader配置好了，放在util.js里面了

前面我们通过 cnpm i node-sass sass-loader -D    安装好了scss依赖

并在build文件夹下的webpack.base.conf.js的rules里面添加了如下配置

{

现在不需要这样配置。如果这样配置会报错，因为配置重复了。

只需将此配置删除即可

说明
最近开始重新看前端框架，选择的是vueヽ(ー_ー)ノ，正常安装Node、vue、vue-cli，利用脚手架初始化项目，npm install时,报错 install: `node install.js`安装失败，看到

2750 error chromedriver@2.33.2 install: `node install.js`
2750 error Exit status 1
2751 error Failed at the chromedriver@2.33.2 install script.
2751 error This is probably not a problem with npm. There is likely additional logging output above.
初步判断是这个zip文件没下载下来，然后手动下载一个chromedriver_win32.zip丢到C:\Users\用户\AppData\Local\Temp\chromedriver\目录下，结果因为这是一个临时文件夹，每次初始化的时候都会重新下载这个文件，从而又无法初始化

解决方案
1 加参数

npm install –ignore-scripts
–ignore-scripts表示npm将不会运行在package.json中指定的scripts脚本

2 更换数据源

npm install chromedriver –chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver
更多解决方案–>ChromeDriver Building and Installing

mac环境下运行vue项目报错sh: vue-cli-service: command not found

解决方法：cd到项目目录下，执行命令sudo rm -rf node_modules package-lock.json && npm install 然后根据提示输入密码。安装完成后，再次npm run dev就可以正常运行啦。