Vue
- scoped原理,主要是通过postcss转义,给一个组件中的所有dom添加了一个独一无二的动态属性,然后给CSS选择器,额外添加一个对应的属性选择器来选择该组件中dom,属性选择器就是
a[href] {color:red;}a标签有个href属性,然后选择器就可以选择href属性来选择到对应的a标签,此时属性不一定是官方自带的,postcss就是用了这个原理来完成的局部样式.
- 客户端渲染和服务器端渲染,客户端第一次会请求回一个空的html模板,之后再慢慢的一个一个请求,服务器端只请求一次,服务器端会将请求的数据放在html模板中,然后一起返回
- vuex里axtions是调用mutations的方法,不是直接更改数据
- vue的this指向的是vue实例,而react的this指向的是当前组件的实例对象
- vue的keep-alive里的max属性是控制缓存多少个组件,当达到我们设置的数字时,在新实例被创建之前,已缓存数据的组件,最久没有被访问的那个组件,将会被销毁
- class v-bind动态绑定的时候,后面跟的是对象
:class="{active: isActive=true}",如果位true会渲染到class中
- vue中可以使用ref绑定相应的DOM元素
ref=“name”,然后使用 this.$refs.name 获取到该元素,并且可以直接调用子组件中定义的方法this.$refs.name.方法()可以直接调用
- nextTick(),简单的理解是:当数据更新了,在dom中渲染后,自动执行该函数,,意思就是更新完数据了,DOM也更新完了,就调用这个nextTick(function(){})里的回调
- v-model的三个修饰符(.lazy,是将input事件,转化为onchange事件,只有在失焦的时候触发)(.number默认会对值进行一个转换parseFloat()转化,如果转换失败保留原来的值,不会做转换,不会有任何效果)(.trim可以自动过滤空格,空白)
- watch在不设置immediate: true属性时,默认是不监听第一次赋值
- style动态样式是通过,改变变量来完成的,比如 :style="{color:"变量"}",用大括号包裹,变量里写上对应的颜色即可,修改样式的话,就修改变量里的值就能完成动态style