![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
VueJs
葱不爱姜
这个作者很懒,什么都没留下…
展开
-
Vuejs对象(Object)的变化侦测
何为变化侦测:变换侦测的类型:“推” push“拉” pullVue.js的变化侦测属于"推"。当状态变化的时候vue就马上会知道。变化侦测也是vue响应式系统的核心。由于vue使用的是push类型,所以每个状态的依赖就会越多,所以需要的内存开销越大,因此vue引入了虚拟DOM,即一个状态所绑定的依赖不在是具体的DOM节点而是一个组件,状态发生改变就会通知到组件,由组件内部使用虚拟DOM进行比对。如何追踪变化:两种方式Object.defineProperty和Proxy。因为ES6浏览器支原创 2021-02-04 11:49:16 · 486 阅读 · 0 评论 -
vue(前端)字符串导出.txt文件
首先安装 FileSaver包,npm install file-saver --save在main.js中引入 import {saveAs} from 'file-saver;'将字符串转为Blob对象let str = new Blob(['要导出的字符串'], {type: 'text/plain;charset=utf-8'});saveAs(str, `导出文件时的名字.txt`);注意这里要手动写上文件的后缀名...原创 2021-01-28 15:41:31 · 3383 阅读 · 3 评论 -
Vue多组件使用Echarts图显示错乱问题
这篇文章给自己提个醒vue在使用Echarts时,一般都是一个图表一个组件。组件一:<template> <div id='myChart'></div></template>组件二:<template> <div id='myChart'></div></template>组件三:<template> <div id='myChart'></div>原创 2021-01-16 17:04:44 · 1342 阅读 · 1 评论 -
Vue中使用Echarts
初始化Vue项目,然后使用 npm install echart --save安装Echarts包mainJS引入文件import Vue from 'vue'import App from './App.vue'import echarts from 'echarts'// 如果报错可以按照以下方式引入// import * as echarts from 'echarts'Vue.prototype.$echarts = echartsVue.config.productionTi原创 2021-01-04 20:00:28 · 113 阅读 · 0 评论 -
Vue设置路径别名
笔记记录const path = require('path');//引入path模块function resolve(dir){ return path.join(__dirname,dir)//path.join(__dirname)设置绝对路径}module.exports={ chainWebpack:(config)=>{ config.resolve.alias .set('@',resolve('./src')) .set('com原创 2020-12-29 13:55:47 · 469 阅读 · 0 评论 -
Vuejs图书购物车案例
如有问题,欢迎各位大佬批评指正图书购物车<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>图书购物车</title></head><body><div id="app"> <div v-if="books.length"> <table>原创 2020-06-03 23:21:55 · 386 阅读 · 0 评论