Vue作业2019-9-20

93 阅读 0 评论 62 点赞

我是靠谱客的博主文艺雪糕，最近开发中收集的这篇文章主要介绍Vue作业2019-9-20，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

1 说说几个常用的字符操作函数filter、some的差别
filter:1、自定义的过滤器，当然这包括注册在全局和注册在实例化的内部
(1)注册在全局的fliter
(2)全局方法 Vue.filter() 注册一个自定义过滤器,必须放在Vue实例化前面
(3) 过滤器函数始终以表达式的值作为第一个参数。带引号的参数视为字符串，而不带引号的参数按表达式计算
(4)可以设置两个过滤器参数,前提是这两个过滤器处理的不冲突
(5)用户从input输入的数据在回传到model之前也可以先处理
some:
some() 方法用于检测数组中的元素是否满足指定条件（函数提供）。
some() 方法会依次执行数组的每个元素：
如果有一个元素满足条件，则表达式返回true , 剩余的元素不会再执行检测。
如果没有满足条件的元素，则返回false。
注意： some() 不会对空数组进行检测。
注意： some() 不会改变原始数组。
2 indexOf和includes的差别
到底什么时候使用includes什么时候使用indexOf还是要看情况来决定，如果你想要查找某个元素在数组中的位置，你就用indexOf，如果你只是想知道数组中是否存在某个元素，你用includes方法比较合适的。
3 谈谈你对v-on的理解
父组件可以在使用子组件的地方直接用 v-on 来监听子组件触发的事件。
4 @click="del(index)"和@click="del("index")"的差别是什么
一个是根据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 定义一个私有指令，使加载该指令的标签都拥有红色字体。

<body>
<div id="app">
<p v-color:b="a"> 111</p>
</div>
<script src="js/vue.js"></script>
<script>
Vue.directive('color', {
inserted(el, binding) {
// 字体颜色
if ( binding.arg === 'b') {
el.style.color = binding.value
}
}
})
var vm=new Vue({
el:'#app',
data:{
a: 'red'
},
})
</script>
</body>