Vue零碎总结,EsLint

1.Vue指令里的bind钩子是生成了vnode，但是将它插入/更新到浏览器dom树之前的操作，因此对于一些需要插入dom树后执行的操作它是不支持的，如el.focus()方法，这些要放在inserted里；

但是对于属性的值的获取之类的则可以放在bind里；

2.对于:value="kkk"，vue会自动找对应的属性或方法（同名属性或方法不共存），如果要kkk是一个普通字符串（虽然这个需求比较坑，如果是普通字符串直接不要前面的:即可），可以用:value="'kkk'"，

而如果是要'kkk'这样的显示可以用:value="'\'kkk\''"来做；而且里面支持简单的表达式，如:value="kkk + 'bbb'"，则会将kkk属性值和bbb字符串进行拼接；

如果是复杂的表达式可以用计算属性；

3.vue里系统方法或属性一般用$开头，如vue.$on(...)，这样是防止用户定义的方法或属性名和vue自带的重名了（不过据说es6的Symbol可以解决这个问题）；

4.计算属性和方法的区别在于，计算属性会将值进行缓存，只要计算属性里用到的属性没有发生改变它就会直接从缓存里取值，而不是像方法一样每次调用都要执行一遍内部逻辑获取结果；

 

配置eslint的方式为：npm install eslint -D，然后npx eslint --init（注意是npx，然后按自己的情况去配置和安装其他插件即可，注意define a style步骤不能使用：Use a popular style guide，否则eslintrc里自定义rules不生效）【需要安装ESLint插件】