Vue作业2019-9-20_使用vue方法完成作业-CSDN博客

本文链接：https://blog.csdn.net/weixin_45605801/article/details/101156977

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>