2020-10-13 vue的unWatch 通过.env文件向项目中传值

vue的unWatch用法

const unWatch = app.$watch('text', (newVal, oldVal) => {
  console.log(`${newVal} : ${oldVal}`);
})

unWatch(); // 手动注销watch

通过.env文件向项目中传值

// package.json
"scripts": {
  "serve": "vue-cli-service serve",
  "build": "vue-cli-service build",
  "lint": "vue-cli-service lint",
  "build:test": "vue-cli-service build --mode test",
  "build:prod": "vue-cli-service build --mode prod",
  "build:app": "vue-cli-service build --mode app"
},

当执行npm run build:app时，会后台执行vue-cli-service build --mode app，这时候会加载.env.app作为配置

NODE_ENV = 'production'
VUE_APP_CURENV = 'http://wapi.rongyizn.com/index.php/'
VUE_APP_TYPE = 'APP'
VUE_APP_REDIRECT_URL = 'http://m.tongyi.com/#'

这样可以通过process.env.VUE_APP_CURENV获取配置的值

获取url中的query

// qs 为node的qs模块
// decodeURIComponent可以将路径中被编码的汉字解码
qs.parse(decodeURIComponent(location.search))