今天早上和往常一样,继续我们小组的面试题记忆,并且组长进行了提问, 上午老大继续对vue的知识点进行补充,
一首先是nextTick
Vue.js 开发使用“数据驱动”的方式思考,避免直接接触 DOM
为了在数据变化之后等待完成DOM更新后,再操作DOM,这时就要用到this.$nextTick
注意:数据更新和DOM更新不是同步的,是异步的
例如:改变dom样式,针对第三方插件(就是针对dom,swiper,滚动插件)的集成
nextTick主要用于获取dom更新后的操作,只是数据操作,不涉及DOM操作,不用使用nextTick
二.修饰符:.native
<button @click.native="方法名"></button>
一个组件的根元素上直接监听一个JS原生事件
三、渲染函数
通过JS渲染函数写法转换成了template和JSX的写法
渲染函数:就是通过JS来实现模板渲染,最终也是编译成虚拟DOM,但要求JS功底比较好
render:h=>{ 写JS实现模板渲染 }
JSX:类似于vue的template,最终也是编译成虚拟DOM
四.Vue过滤器和自定义指令
Vue.filter('过滤器',对应的过滤器函数)
自定义指令主要用于对DOM操作的封装,方便在组件中复用 Vue中有DOM操作相关的: ref:主要用于当前页面对DOM的操作 自定义指令:封装成自定义指令,可以多个页面或组件中使用,复用性强
今天也是将昨天布置的造轮子任务完成了几个,并且写在了博客上
博客地址:
https://www.cnblogs.com/z-j-c/