2020-08-27 使用项目的.eslintrc.js来进行代码格式化

vue对象的新属性触发响应式变化

1.在template上绑定的模板变量,必须在data()里声明并初始化之后,才是响应式的。精确到对象的某个属性,必须声明并初始化
如果是取值并需要添加新属性,此时肯定无法初始化,那么使用Vue.$set实例方法

向响应式对象中添加一个 property,并确保这个新 property 同样是响应式的,且触发视图更新。它必须用于向响应式对象上添加新 property,因为 Vue 无法探测普通的新增 property

举例:比如我使用element-ui的树组件,取到了当前select选中的节点对象,我想给这个对象添加一个新属性作为视图层里的一个判断,那么我必须使用Vue.$set实例方法,普通的字面量赋值是不会触发响应式变化的

涉及到DOM操作的 建议等待渲染完再进行选中
  //   等待渲染完再进行选中
      this.$nextTick(() => {
        this.$refs.newInput.$el.children[0].select();
      });
使用项目的.eslintrc.js来进行代码格式化

在vscode里配置setting.json

    "eslint.options": {
        "configFile": "./.eslintrc.js",
        "extensions": [".js", ".vue", ".html"]
    },

这一行是配置eslint的文件路径这里为项目路径下的.eslintrc.js,以及适用eslint的文件类型

    "eslint.autoFixOnSave": true,

打开保存自动修复即可

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值