vue

console.log not work

In my case, all console messages were not showing because I had left a string in the “filter” textbox.

Remove the filter it by clicking the X as shown:

enter image description here

Vue中this.$store.dispatch() 与 this.$store.commit()

两者的区别

  • 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 ERR! code ELIFECYCLE

项目开发环境遇到报错如下

npm ERR! code ELIFECYCLE

废话不多说,上解决方案
Step1:npm cache clean --force
Step2:rm -rf node_modules
Step3:rm -rf package-lock.json
Step4:npm install
npm install 成功之后再次启动 npm start

 

踩坑,VUE项目中,MAIN.JS引入SCSS文件时报错

当我们在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里面添加了如下配置

{

test: /\.scss$/,
loaders: [‘style’, ‘css’, ‘sass’]
}

 

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

只需将此配置删除即可

 

npm install时,报错 install: `node install.js`安装失败

说明
最近开始重新看前端框架,选择的是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

 

sh: vue-cli-service: command not found

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

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