yuanwen52的博客

computed适用的场景是：多对一，即这个缓存属性受多个属性影响，如购物车的总价受价格、数量的影响；watch的使用场景是：一对多，即这个监听属性可以影响多个属性。watch里还可以有异步请求、可以配置组件初次加载时是否执行。...

1、this.$router.push()跳转到指定的url，此方法会向history栈添加一个记录，点击后退会返回到上一个页面。2、this.$router.replace()跳转到指定的url，此方法不会向history里面添加新的记录，点击返回，会跳转到上上一个页面。上一个记录是不存在的。3.this.$router.go(n)相对于当前页面向前或向后跳转多少个页面,类似window.history.go(n)。n可为正数可为负数。负数返回上一个页面...

actions里写业务逻辑，mutations里写赋值代码。

1、新建一个filter.jsexport default { dealSumMoney(val, fix = 2) { if (!val) return val; val = val.toFixed(fix); // 保留小数2位 val += ""; let int = val.slice(0, fix * -1 - 1); // 拿到整数 let ext = val.slice(fix * -1 - 1); // 获取到小数 //每个三位价格逗

最近有如此需求，需要将页面部分内容保存为pdf文件，并下载。最终使用html2canvas和jspdf组合。思路很简单，先用html2canvas将指定容器的html绘制成canvas，再用jspdf将canvas生成图片，并且塞进pdf文件。下面说下方法：先安装插件：npm i html2canvas jspdf --save编写代码：为了有视图效果，引入了echarts图表<template> <div> <div id="conten

1、作用：让父组件可以向子组件指定位置插入html结构，也是一种组件的通信方式，适用于：父组件 ===》子组件2、分类：默认插槽、具名插槽、作用域插槽关于作用域插槽的理解：数据在组件的自身，但根据数据生成的结构需要组件使用者来决定。示例：组件使用者 组件自身：...

作用：在下一次Dom更新结束后执行指定的回调。使用场景：更新数据后，要基于更新后的Dom进行某些操作。

使用template不影响页面结构，只能结合v-if使用。

1、可以使用字符串写法2、可以使用数组写法3、可以使用对象写法（属性指定true或false）

1、computed能完成的功能，watch都可以完成2、watch能完成的功能，computed不一定能完成。watch可以进行异步操作两个重要的小原则：1、被vue管理的函数，最好写成普通函数，这样this的指向才是vm或vue实例2、所有不被vue管理的函数(定时器的回调函数，ajax的回调函数)，最好写成箭头函数，这样的this指向才是vm或vue实例...

指令的钩子函数：bind：只调用一次，指令绑定到元素时调用，在这里可以进行一次性的初始化设置inserted：被绑定元素插入父节点时调用，unbind：只调用一次，指令与元素解绑时调用和js行为有关的操作，最好在inserted中执行，和样式相关的操作都可在bind中执行...

因为只有返回一个函数，这个组件产生的每一个实例才能维持一份被返回对象的独立的拷贝。

v-for的优先级高于v-if

<buttonv-on="{mouseenter:onEnter,mouseleave:onOut,click:onclick}">点我</button>事件后加修饰符：如.prevent 组织默认行为在输入框中，v-model 默认是同步数据，使用.lazy会转变为在change事件中同步，也就是在失去焦点或按下回车键时才更新。...

v-if是通过控制dom节点的存在与否来控制元素的显示或隐藏。（减轻服务器压力，在需要时加载，但有更高的切换开销）。v-show是通过控制dom元素的display样式，block为显示，none为隐藏。（使客户端更加流畅，但具有更高的初始渲染开销）。v-if是惰性的，如果初始条件为假，则什么也不做；v-show是在任何条件下都被编译。基于以上区别：如果需要非常频繁的切换，则使用v-show较好；如果在运行时条件很少改变，则使用v-if。...