![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
不会代码的鬼鬼
这个作者很懒,什么都没留下…
展开
-
vue修改计算属性(computed)里面的值
1.定义:要用的属性不存在 要通过已有属性计算得来2.原理:底层借助了Object.defineproperty方法来提供getter和setter3.get函数什么时候执行?(1).初次读取的时候会执行一次(2.)当依赖的数据发生改变时就会再次调用4.优势:与methods实现相对比,内存有缓存机制(复用),效率更高 调试方便5.备注:1.计算属性最终会出现在vm上 直接读取使用即可2.如果计算属性要被修改,那必须写set函数去响应修改.且set中要引起计算时依赖的数据发生改变注原创 2022-02-20 19:33:57 · 10541 阅读 · 0 评论 -
vue计算属性 和监听 区别
computed能完成的功能 watch都可以实现 反之不行 例如 :watch可以执行异步操作监听属性(compued):1.一次只能计算一个 变量 如果data有多个变量 则需要重新写一变2.只是监听数据源data里面的属性,不产生新的属性 所以不用写return计算属性($Watch):1.只需要一个就行 因为 计算属性依赖于数据源data 里面的属性的但是一次可以依赖多个2. 因为新增属性 所以要写 return监听://监听的一种方式 vue 对象创建完成后直接写到实例属性上原创 2022-02-20 19:31:52 · 1054 阅读 · 0 评论 -
vue 循环用index 和唯一id的区别使用场景
最下面有图片介绍哦!1.虚拟DOM种key的作用:key是虚拟DOM对象的标识 当数据发生变化时,vue会根据新数据生成新的虚拟DOM, 随后vue会进行新的虚拟DOM与旧的虚拟DOM的差异比较 规则如下:对比规则:(1).旧的虚拟DOM找到了与新虚拟DOM相同的key:若虚拟DOM中 内容没有变 直接使用之前的真实DOM(复用)若虚拟DOM内容变了 则生成新的真实DOM.随后替换掉页面之前的真实DOM(2).旧虚拟DOM未找到与新虚拟DOM相同的key:创建新的真实DOM 随后渲染到页面原创 2022-02-20 19:29:54 · 865 阅读 · 0 评论 -
vue echarts使用
单组件使用用as 引用 不能直接引用会报错import * as echarts from 'echarts'初始化let myChart = echarts.init(document.getElementById('myChart'));绘制myChart.setOption(option);全局使用在main.js里面引用用as 不能直接引用会报错import * as echarts from 'echarts'Vue.prototype.$echarts = echa原创 2021-10-18 13:09:02 · 85 阅读 · 0 评论 -
vue slot 插槽
普通插槽解决 使用组建的时候 组件标签内部的内容会被自己按模板完全替代的问题 比如 页面显示顺序 在组件模板里面添加内容<script src="../../../vue.js"></script><script type="text/html" id="guigui"><div> <h1>组件标题</h1> <footer>组件尾部</footer> <slot>原创 2021-09-18 17:55:35 · 94 阅读 · 0 评论 -
vue 按需加载
按需加载,又称延迟加载或者懒加载,只有在使用到的时候才会加载进来import引入的模块,会在加载index.js文件的时候,去加载所有的模块Vue中提供import的加载方式import Vue from ‘vue’import Router from ‘vue-router’import ‘@/components/Base’ import ‘@/components/Bg’使用这种加载方式,会在组件初始化的时候全部加载进来,如果文件过大,会导致页面加载缓慢,体验性变差。具体使用方法:原创 2021-09-18 17:36:19 · 370 阅读 · 0 评论 -
vue计算属性 和监听 区别
监听属性(compued):1.一次只能计算一个 变量 如果data有多个变量 则需要重新写一变2.只是监听数据源data里面的属性,不产生新的属性 所以不用写return计算属性($Watch):1.只需要一个就行 因为 计算属性依赖于数据源data 里面的属性的但是一次可以依赖多个2. 因为新增属性 所以要写 return监听: //监听的一种方式 vue 对象创建完成后直接写到实例属性上 //参数1:监听的对象 数据源 data里面的变量 // 参数2:回调函数原创 2021-09-17 15:43:59 · 802 阅读 · 2 评论