随便写点面试题吧(一)

1.生命周期 vue

2.事件绑定 1.内联方式: 将事件处理器绑定到一个方法中,以下所有事件都以click事件作为案例 注意:内联方式下事件处理器只能绑定一个方法,要是想要绑定多个方法,依旧还是使用js中的addEventListener方法进行绑定

 

2.点击事件绑定的方法,在Vue实例中,存放在method属性中

 

 

注:其中method的this指向始终指向vue实例

 

3.事件修饰符 要知道是干嘛用的

. stop:阻止冒泡

. prevent:阻止默认事件的发生

. capture:捕获冒泡,即有冒泡发生时,有该修饰符的dom元素会先执行

. self:将事件绑定到自身,只有自身才能触发,通常用于避免冒泡事件的影响

. once:设置事件只能触发一次,比如按钮的点击等。

 

5.vue的指令

1. v-text

v-text主要用来更新textContent,可以等同于JS的text属性。

2. v-html

它等同于JS的innerHtml属性。

3. v-once

v-once关联的实例,只会渲染一次

4. v-if

v-if可以实现条件渲染,Vue会根据表达式的值的真假条件来渲染元素。

5. v-else 必须搭配使用

6. v-show

但是v-show的元素会始终被渲染并保存在dom中,它只是简单的切换css的dispaly属性。

10. v-for

用v-for指令根据遍历数组来进行渲染

 

注意 v-for 和 v-if的优先级 v-for的优先级更高

 

v-bind 绑定 动态的绑定一个或者多个特性 常用于动态绑定class和style。以及href等。

 

简写 :

v-model 同步输入框的值和数据 v-on主要用来监听dom事件,以便执行一些代码块 简写@

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章