day11 Vue 作业

最新推荐文章于 2020-06-05 10:18:50 发布

轩琦

最新推荐文章于 2020-06-05 10:18:50 发布

阅读量105

点赞数

文章标签： web

本文链接：https://blog.csdn.net/dai_xuan_/article/details/101207864

版权

1、说说几个常用的字符操作函数filter、some的差别
答：
调用 filter 的结果是创建一个新数组，数组的元素是通过所提供函数通过测试的所有元素
而调用 some表示只要数组元素某一项满足即可

2、indexOf和includes的差别
答：
1.看函数的返回值：indexOf返回的是数值型的而includes返回的是布尔型的
2.都可以支持第二参数，而且的第二个参数都支持负数形式
3.数组中的indexOf不能判断数组中是否有NaN而includes可以

3、谈谈你对v-on的理解
答：
可以用 v-on 指令绑定一个事件监听器，通过它调用我们 Vue

4、@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>

答：
先执行点击按钮，在执行<div οnclick=“m21();” @click.capture=“m22()”>
最后执行 <div οnclick=“m11();” @click.capture=“m12()”>

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="Jquery/vue.js"></script>
    <link rel="stylesheet" href="bootstrap-3.3.7-dist/css/bootstrap.min.css">
</head>
<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>
</html>