1.v-if和v-for的优先级
当 v-if 与 v-for 一起使用时,v-for 具有比 v-if 更高的优先级,这意味着 v-if 将分别重复运行于每个 v-for 循环中。所以,不推荐v-if和v-for同时使用。如果v-if和v-for一起用的话,vue中的的会自动提示v-if应该放到外层去。
2.nextTick 使用场景和原理
nextTick 中的回调是在下次 DOM 更新循环结束之后执行的延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM。主要思路就是采用微任务优先的方式调用异步方法去执行 nextTick 包装的方法。
3.自定义指令的五个生命周期?
1、bind:只调用一次,指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。 2、inserted:被绑定元素插入父节点时调用。 3、update:被绑定元素所在的模板更新时调用,而不论绑定值是否变化。通过比较前后的绑定值。 4、componentUpdated:被绑定元素所在模板完成一次更新周期时调用。 5、unbind:只调用一次,指令与元素解绑时调用。
4.如何获取dom?
ref=“domName” 用法:this.$refs.domName
5.$route 和 $router 的区别
r
o
u
t
e
r
是
V
u
e
R
o
u
t
e
r
的
实
例
,
在
s
c
r
i
p
t
标
签
中
想
要
导
航
到
不
同
的
U
R
L
,
使
用
router是VueRouter的实例,在script标签中想要导航到不同的URL,使用
router是VueRouter的实例,在script标签中想要导航到不同的URL,使用router.push方法。返回上一个历史history用
r
o
u
t
e
r
.
t
o
(
?
1
)
。
router.to(-1)。
router.to(?1)。route为当前router跳转对象。里面可以获取当前路由的name,path,query,parmas等。
|