Vue练习2

最新推荐文章于 2023-07-22 20:43:31 发布

Monster X

最新推荐文章于 2023-07-22 20:43:31 发布

阅读量148

点赞数

文章标签： html

本文链接：https://blog.csdn.net/weixin_44329441/article/details/101108841

版权

1.说说几个常用的字符操作函数filter、some的差别

some方法返回的是boolean值，可用于检察数组中是否有某对象，
filter方法返回的是一个新数组，可用于过滤数组中的对象。

2.indexOf和includes的差别

1.indexOf返回的是数值型的而includes返回的是布尔型的。
2.数组中的indexOf不能判断数组中是否有NaN而includes可以。

3.对v-on的理解

v-on 是一个用来绑定事件的vue指令。

4.@click="del(index)"和@click=“del(“index”)”`的差别是什么

没有引号的index传进去的是个变量，而加了引号变成传了个字符进去。

5.下列代码六个函数的执行顺序是什么

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

从先到后顺序为：m12()—m22()–m31()–m32()–m21()–m11()。

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

源代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="app">
    <div>
        <label  v-change>我是Label标签</label><br>
        <button  v-change>我是Button标签</button><br>
        <a  v-change>我是a标签</a><br>
        <input type="text"  v-change value="我是input标签"><br>
    </div>
</div>

<script src="js/vue.js"></script>
<script>
    new Vue({
        el: '#app',
        data: {},
        directives: {
            change: {

                inserted: function(el, binding) {
                    el.style.color='red'
                }
            }
        }
    })
</script>
</body>
</html>

运行效果：
在这里插入图片描述