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插件】
posted on 2019-10-31 09:46 Silentdoer 阅读(131) 评论(0) 编辑 收藏 举报