vue 中 splice的用法(工作总结)

在程序开发过程中,所有的bug都可以通过调试解决.解决不了,说明你的知识体系不全面

本次要说的是vue template开发的网站

一个页面中引用了多个template,既父组件引用了多个子组件.当显示一个子组件就要将另一个子组件隐藏起来.

我们可以使用两种方法:v-show和v-if

1.v-show 是用于页面的展示相当于display:none,页面加载时,使用v-show的控件页面被加载,只是不显示.

注意:v-show不支持<template>元素,也不支持v-else

2.v-if是真正的条件渲染,只有满足条件的控件才会被加载,否则不会被加载.如果初始化条件为假,则什么也不做-知道条件第一次变为真时才会开始渲染条件快.

一般来说,v-if有更高的切换开销,而v-show 有更高的初始渲染开销.因此,如果需要非常频繁的切换,则使用v-show较好;如果在条件较少改变,则使用v-if较好.

使用template，页面跳转或初始化时，个人认为，使用ref调用子函数方法要比使用watch监听的方法好。

使用watch监听，会监听多此次，也会发出多次请求，对网站的性能会有所降低。而使用ref调用时，只执行一次。

当初始化数组时，将数组清空，

example1.items.splice(newLength) 或者使用 items = []；

不清空数组，就会产生数组，叠加