1、v-show和v-if(后面都是布尔值) v-show:控制css样式,适用于频繁的切换隐藏 v-if:动态创建或删除元素节点,适用于默认显示或隐藏
2、v-model:给表单元素使用,,双向数据绑定 v-model修饰符: .number 转数字 .trim 去掉首尾空白字符 .lazy 在change时触发而非input
3、日期格式处理: 安装并导入moment,使用format函数,记得return
4、计算属性(computed):依赖于其他数据动态计算。必须是一个function,且有返回值(return),但是不能当做方法使用,而是作为属性使用
5、数组求和用reduce,toFixed(2)保留两位小数
6、watch监视数据变化。
简单监听:
深度监听:
7、本地持久化:监听会变化的数据,将数据存到本地localStorage.setItem(键key,值value)。记得要转换为JSON字符串JSON.stringfy()。然后刷新时优先从本地获取数据。
8、||(或)一般用于指定默认值,除了正常的逻辑判断。如果前面值为真,就取前面的值,否则取后面的值
9、计算属性完整写法: