每日三道前端面试题--vue 第三弹

Vue常见的指令有哪些？

• v-model 多用于表单元素实现双向数据绑定
• v-for 循环数组
• v-show 显示内容
• v-hide 隐藏内容
• v-if 显示与隐藏v-else-if连用v-else必须和v-if连用不能单独使用 否则报错 模板编译错误
• v-bind 属性绑定
• v-on:click 给标签绑定函数(click为单击事件),可以缩写为@
• v-text 解析文本
• v-html解析 html标签
• v-once 进入页面时只渲染一次不在进行渲染
• v-cloak 防止闪烁
• v-pre 把标签内部的元素原位输出
• v-bind:class 三种绑定方式

1.对象型{red:isred}

2.三元型isred?red:blue

3.数组型[{red:isred},{blue:isblue}]

Vue的生命周期函数有哪些？（中文及英文）?

vue2.0生命周期

• 组件创建之前:beforeCreate
• 组件创建完成:created
• 组件挂载之前:beforeMount
• 组件挂载完成:mounted
• 组件更新之前:beforeUpdate
• 组件更新完成:updated
• 组件销毁之前:beforeDestroy
• 组件销毁之后:destroyed

vue3.0生命周期

• 入口函数:setup
• 组件挂载之前:onBeforeMount
• 组件挂载完成:onMounted
• 组件更新之前:onBeforeUpdate
• 组件更新完成:onUpdated
• 组件销毁之前:onBeforeUnmount
• 组件销毁之后:onUnmounted

vue怎样自定义指令？

自定义指令

• Vue.directive
• 第一个参数是指令的名字(不需要写上v-前缀)
• 第二个参数可以是对象数据,也可以是一个指令函数

全局注册

举例：刷新页面自动获取焦点：

<div id="app">
        账号：<input type="