[JavaScript知识库]Vue习题练习-Question one

题目

问题分析

题目是不是vue内置指令的是哪一个

1. 第一个选项是v-html，v-html是vue的内置指令，它的作用是更新元素的 innerHTML，使用方式如下：

<div v-html="html"></div>

2. 第二个选项是v-on，v-on是vue的内置指令，它的作用是绑定事件监听器，使用方式如下：

<!-- 方法处理器 -->
<button v-on:click="doThis"></button>
<!-- 缩写 -->
<button @click="doThis"></button>

3. 第三个选项是v-for，v-for是vue的内置指令，它的作用是基于源数据多次渲染元素或模板块，使用方式如下：

<div v-for="item in items">
  {{ item.text }}
</div>

4. 第四个选项是v-hidden，v-hidden不是vue的内置指令，所以当我们需要使用v-hidden时，需要自己定义一个hidden指令，定义方式如下

// 注册一个全局自定义指令 `v-hidden`
Vue.directive('hidden', {
  // 当被绑定的元素插入到 DOM 中时……
  inserted: function (el) {
   //要操作时代码块
   
  }
})

//注册一个局部指令 `v-hidden`
directives: {
  hidden: {
    // 指令的定义
    inserted: function (el) {
      //要操作时代码块
      
    }
  }
}

最后我们选D，因为v-hidden不是vue的内置指令

更多的vue内置指令可以点击vue内置指令跳转查看更多内置指令以及相关作用

开发者涨薪指南

48位大咖的思考法则、工作方式、逻辑体系