zoukankan      html  css  js  c++  java
  • Vue2.3.3中使用对象展开运算符出错

    在vue应用中使用vuex中的...mapGetters时得到如下错误:

    <script>
      import VLink from '../components/VLink.vue'
      import store from '../vuex/store';
      import { mapGetters } from 'vuex';
    
      export default {
        store,
        components: {
          VLink
        },
        computed: {
          // 使用对象展开运算符将 getter 混入 computed 对象中
          ...mapGetters([
            'doneTodos',
            'totalDone',
            // ...
          ]),
          count() {
            return this.$store.state.count;
          },
        },
        methods: {
          increment() {
            this.$store.commit('increment');
          },
          decrement() {
            this.$store.commit('decrement');
          }
        }
      }
    </script>

    错误:

    ... unexpected token

    解决方法:

    这里的 ...是es6的对象扩容运算符,目前bable暂不支持,需要引入新的包来解决

    1. npm install babel-plugin-transform-object-rest-spread --save-dev
    2. 到根目录修改.babelrc文件
    // .babelrc 文件
      "plugins": ["transform-object-rest-spread"] //新增这一行

    每天一点点
  • 相关阅读:
    CentOS7安装MySQL5.7
    .gdbinit文件配置
    Linux 动态库加载
    GDB常用调试命令(二)
    git删除缓存区中文件
    git添加空文件夹
    Linux 打开core dump功能
    C++ 预处理器
    C++ 模板
    C++ 命名空间
  • 原文地址:https://www.cnblogs.com/juliazhang/p/11340366.html
Copyright © 2011-2022 走看看