Vue9.20作业

72 阅读 0 评论 48 点赞

我是靠谱客的博主不安灯泡，最近开发中收集的这篇文章主要介绍Vue9.20作业，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

说说几个常用的字符操作函数filter、some的差别
调用 filter 的结果是创建一个新数组，数组的元素是通过所提供函数通过测试的所有元素
而调用 some表示只要数组元素某一项满足即可
indexOf和includes的差别
看函数的返回值：indexOf返回的是数值型的而includes返回的是布尔型的
都可以支持第二参数，而且的第二个参数都支持负数形式
数组中的indexOf不能判断数组中是否有NaN而includes可以
谈谈你对v-on的理解
v-on 用于绑定html事件
完整语法：
缩写：<a @click=“doSomething”>
@click="del(index)"和@click="del("index")"的差别是什么
@click="del(index)调用del中的index方法
@click="del(“index”)在del中创建新的index
5.下列代码六个函数的执行顺序是什么

<div onclick="m11();" @click.capture="m12()">
<div onclick="m21();" @click.capture="m22()">
<button onclick="m31();" @click="m32()">一个按钮</button>
</div>
</div>

显示执行m31()，在执行m21(),最后执行m11()

定义一个私有指令，使加载该指令的标签都拥有红色字体。

<body>
<div class="container">
<div id="app">
<h3 v-color="'red'">{{ msg }}</h3>
<input type="text" class="form-control" v-model="msg" v-focus>
</div>
</div>
<script>
Vue.directive('focus', {
inserted: function (el) {
el.focus();
}
});
var vm = new Vue({
el: "#app",
data: {
msg: '',
},
directives: {
color: function (el, binding) {
el.style.color = binding.value
}
}
})
</script>
</body>