The Future Depends on You
首页/Vue/vue面试题记录/
vue面试题记录
上次更新时间:2021-5-25 文章分类:Vue 阅读人数:26

v-if 和 v-show 的区别

v-if 是“真正”的条件渲染,因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。

v-show 不管初始条件是什么,元素总是会被渲染,并且只是简单地基于 CSS 进行切换。

一般来说,v-if 有更高的切换开销,而 v-show 有更高的初始渲染开销。因此,如果需要非常频繁地切换,则使用 v-show 较好;如果在运行时条件很少改变,则使用 v-if 较好。

vue 指令有哪些

v-text:更新元素的 textContent
v-html:更新元素的innerHTML(内容按普通HTML插入,不会作为Vue模板进行编译)
v-show:根据表达式之真假值,切换元素的 display CSS 属性
v-if:根据表达式之真假值 有条件地渲染元素,在切换时元素及它的数据绑定 / 组件被销毁并重建
v-else:前一兄弟元素必须有 v-if 或 v-else-if
v-else-if:前一兄弟元素必须有 v-if 或 v-else-if
v-for:基于源数据多次渲染元素或模板块
v-on:绑定事件监听器
v-bind:动态地绑定一个或多个 attribute,或一个组件 prop 到表达式
v-model:在表单控件或者组件上创建双向绑定
v-once:只渲染元素和组件一次。随后的重新渲染,元素/组件及其所有的子节点将被视为静态内容并跳过

Vue生命周期

beforeCreate:在实例初始化之后,数据观测 和 event/watcher 事件配置之前被调用。常用于初始化非响应式变量
created:在实例创建完成后被立即调用。常用于简单的 ajax 请求页面的初始化
beforeMount:在挂载开始之前被调用
mounted:实例被挂载后调用,这时 el 被新创建的 vm.$el 替换了。常用于获取 vnode 信息和操作 ajax 请求
beforeUpdate:数据更新时调用,发生在虚拟 DOM 打补丁之前
updated:当这个钩子被调用时,组件 DOM 已经更新,现在可以执行依赖于 DOM 的操作
beforeDestroy:实例销毁之前调用,在这一步,实例仍然完全可用。常用于销毁定时器、解绑全局事件、销毁插件对象等操作
destroyed:实例销毁后调用

vuex属性

state:vuex的基本数据,用来存储变量
getters:从基本数据(state)派生的数据,相当于state的计算属性
mutations:提交更新数据的方法,必须是同步的
actions:Action 提交的是 mutation,而不是直接变更状态;Action 可以包含任意异步操作
modules:模块化vuex,可以让每一个模块拥有自己的state、mutation、action、getters,使得结构非常清晰,方便管理

The Future Depends on You
tangyincheng
博客分类