Vue9.20作业

最新推荐文章于 2023-01-10 11:12:03 发布

上善若水丿

最新推荐文章于 2023-01-10 11:12:03 发布

阅读量629

点赞数

分类专栏： web前端文章标签： Web

本文链接：https://blog.youkuaiyun.com/PanHanJia/article/details/101170614

版权

web前端专栏收录该内容

15 篇文章

订阅专栏

本文探讨了Vue开发中常用的字符操作函数filter和some的区别，filter创建新数组包含所有通过测试的元素，而some只需满足一项条件。同时，对比了indexOf和includes的差异，包括返回值类型和对NaN的处理。接着，详细阐述了v-on指令在绑定HTML事件中的作用和用法。最后，提及了一段涉及函数执行顺序的代码示例，并提出设计一个使元素字体变红的私有指令的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

说说几个常用的字符操作函数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>