当前位置:首页 » 硬盘大全 » vue中数组缓存
扩展阅读
webinf下怎么引入js 2023-08-31 21:54:13
堡垒机怎么打开web 2023-08-31 21:54:11

vue中数组缓存

发布时间: 2022-08-16 22:22:31

㈠ vue 对象里面可以存放数组吗

你可以这样理解,其实Java虚拟机内部也确实把它当作指针处理的,这些数组对象存放的是地址,一般地址是存放在栈内存里面的,地址指向对内存中的对象。

㈡ Vue2 中为什么“数组名=[]”就能更新数组

vue的数组更新检测规则:使用数组方法push、pop、shift、unshift、splice、sort、reverse才可以触发视图更新,其他方法修改数组将不会同步视图

㈢ vue怎么学

如果你是 Vue 开发新手,可能已经听过很多行话术语,比如单页面应用程序、异步组件、服务器端渲染,等等。你可能还听说过与 Vue 有关的一些工具和库,比如 Vuex、Webpack、Vue CLI 和 Nuxt。

浸没在术语和工具的浩瀚海洋中难免会令人感到沮丧,但其实并不是只有你一个人有这种感受,所有经验水平的开发人员都会持续感觉到这种莫名的压力。分享一张图给你看看

基础知识:

  • vue的生命周期: beforeCreate/created、 beforeMount/mounted、 beforeUpdate/updated、 beforeDestory/destoryed

  • vue常用指令: v-for、 v-bind(缩写形式 :prop)、 v-on(缩写形式 @click=’sss')、 v-if/v-else/v-else-if、 v-model、 v-once、 v-html、 v-show...

  • vue自定义组件: Vue.component(‘componentName',{ props:[‘p1’,’p2’], template: ‘<li>{{ p1 }}</li>'})

  • vue常用实例方法和属性: data/$data、 methods/$methods、 $el、 computed(计算属性)、 $watch、 $set、 $event、 $emit...

  • 如果需要更新的属性需要缓存,则使用计算属性的方式,否则可以使用 methods里的方法来更新属性( methods里的方法每次重新渲染都会执行)

  • 计算属性默认提供了 getter,你还可以给它设置 setter

  • 当你数据变化是异步或者开销较大时,可以使用 watch侦听器来响应数据的变化

  • v-bind:class的值可以是一个对象,可实现类似 react中 classnames模块的功能

  • 自定义组件上的 class会被渲染拼接到 template的根节点的 class属性上(自定义组件上可使用 v-bind:class来做class的判断显示逻辑)

  • v-bind:style可以用来绑定内联样式,这个内联样式的值可以由一个对象来定义(类似css in js的模式),且可以被定义为数组(多个样式对象)

  • v-bind:style可以使用多重值的形式: <div:style=“display:[‘-webkit-box’,’-ms-flexbox’,‘flex']"></div>

  • v-if/v-else/v-else-if的时候,可以用key来管理可复用的元素

  • v-if是’真正’的渲染,它会确保在切换条件过程中条件块内的元素的事件监听器和子组件适时的销毁和重建

  • v-if是惰性的,初始为假,什么也不做,直到为真的时候才渲染元素

  • v-show总是渲染元素,只是简单的进行切换

  • v-if的切换开销大, v-show则是初始渲染开销大,频繁切换使用 v-show,运行时经常改变则使用 v-if

  • v-if和 v-for一起使用时, v-for的优先级更高

  • v-for可遍历数组,第二个参数是索引

  • v-for可遍历对象,第二个参数是 key,第三个参数是索引

  • v-for和 <template>搭配可减少渲染次数

  • v-for和自定义组件使用时,需要使用 props来传递值

  • 尽可能的为遍历子元素加上 key,获得渲染优化

  • 数组变异方法: push/pop/unshift/shift/splice/sort/reverse改变原始数组

  • 数组非变异方法: filter/concat/slice 不改变原始数组,总是返回新数组

  • Vue不能检测到数组索引赋值(使用 vm.$set解决)和修改 length长度赋值(使用 splice解决)的情况

  • Vue不能检测对象属性的添加和删除(使用 vm.$set或 Object.assign)

  • is=“todo-item”这种属性的写法比较适合DOM模板

  • 事件修饰符,它们可串联使用: .stop、 .prevent、 .capture、 .self、 .once、 .passive(尤其适合移动端)

  • .passive不用同时和 .prevent使用,后者会被忽略

  • 按键修饰符: .enter、 .tab、 .delete、 .esc、 .space、 .up、 .down、 .left、 .right

  • 系统按键修饰符: .ctrl、 .alt、 .shift、 .meta(⌘|⊞|◆)、 .exact(允许精确控制系统修饰符组合键触发)

  • 鼠标修饰符: .left、 .right、 .middle

  • v-model会忽略表单元素的 value、 checked、 selected,仅仅使用实例中的数据作为数据源

  • 表单事件修饰符: .lazy、 .number、 .trim

  • 组件是可复用的vue实例,具有vue实例大多数属性和方法

  • 组件可复用,每个组件有独立的空间

  • 组件上的data必须是一个函数,这样做避免影响了其他组件

  • 通过 Vue.component()全局注册的组件可在其被注册后的任何通过 newVue()创建的实例所使用,包含其组件树中的所有组件

  • 通过插槽 <slot>分发内容(其实就是类似于react的children)

  • 动态组件 <component>配合属性 is来实现

  • 解析DOM模板时需要注意下可能会有不生效的情况,需要使用is来传递组件

㈣ vue路由传参刷新无数据怎么处理

可以使用keep-alive缓存页面:具体做法是:可在App.vue中
<keep-alive :include="includePages">
<router-view id="app"></router-view>
</keep-alive>
includePages:对应一个数组,里面是要缓存的页面的name,即是.VUE文件中:
export default {
name: 'xxx',

这里的XXX

㈤ vue.js中的数组js原生的数组有什么区别

本质上没区别的,只是vue里的数组如果按照原生的操作方式去修改的话vue检测不到数组的变化,从而实时更新界面

㈥ vue路由跳转,不让页面刷新,怎么做

可以使用keep-alive缓存页面:具体做法是:可在App.vue中
<keep-alive :include="includePages">
<router-view id="app"></router-view>
</keep-alive>
includePages:对应一个数组,里面是要缓存的页面的name,即是.VUE文件中:
export default {
name: 'xxx',

这里的XXX

㈦ vue如何遍历对象里数组里面值存放在一个数组包对象

var contacts =[bob, mary];

console.log(contacts[1].phoneNumber);