vue-cli 常见问题

安装 less 和 less-loader ，在项目目录下运行如下命令

npm install less less-loader -S

<style lang="less">
.home-pages{
  background: red;
}
</style>

vue 在data里面引入图片引发的问题

以下是两种正确方法

import logo from '../../assets/logo.png'
 
export default {
  data () {
    return {
      logo,
      imgurl: require("../../assets/logo.png"),
    }
  }
}

模板输出

<img :src="logo" alt="">
<img :src="imgurl" alt="">

把JOSN数据转成参数形式

      var json = {
        count: 10,
        start: 0,
      }
      var params = Object.keys(json).map(function (key) {
          return encodeURIComponent(key) + "=" + encodeURIComponent(json[key]);
      }).join("&");