vue中的实例 介绍:类似于创建一个对象,里面包含钩子函数,data,methods.components等 vue实例的对象data 主要是用来存放数据的 Vue框架会检测data的数据变化,自动更新到html上计算属性computed 主要是用来一些比较复杂的逻辑计算 虽然{{}} 是非常便利的 ...
分类:
其他好文 时间:
2019-07-20 11:35:46
阅读次数:
221
handler:监听数组或对象的属性时用到的方法 deep:深度监听,为了发现对象内部值的变化,可以在选项参数中指定 deep:true 。注意监听数组的变动不需要这么做。 immediate: 在选项参数中指定 immediate: true 将立即以表达式的当前值触发回调 tips: 只要bet ...
分类:
编程语言 时间:
2019-07-19 09:24:22
阅读次数:
139
今天复习了一下关于getComputedStyle的用法,遇到了小小的挫折。报错前的代码: 当然,这只是随便举的例子,然而却遇到了标题上面的报错,纠结了一会后,终于解决了。原来是获取dom元素时,应该通过标签中的id属性去获取,这样仅需要改为 var box = document.getElemen ...
<!DOCTYPEhtml><html><head><title></title><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><scriptsrc="./vue.js"></script><!--<scri
分类:
其他好文 时间:
2019-07-11 09:47:36
阅读次数:
82
一、什么是计算属性 模板内的表达式非常便利,但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。 二、计算属性的用法 在一个计算属性里可以完成各种复杂的逻辑,包括运算、函数调用等,只要最终返回一个结果就可以。 除了上例简单的用法,计算属性还可以依赖多个Vue 实例的数据 ...
分类:
其他好文 时间:
2019-07-10 20:08:48
阅读次数:
106
前言: vue中关于插槽的文档说明很短,语言又写的很凝练,再加上其和methods,data,computed等常用选项在使用频率、使用先后上的差别,这就有可能造成初次接触插槽的开发者容易产生“算了吧,回头再学,反正已经可以写基础组件了”的想法,于是就关闭了vue的说明文档。 实际上,插槽的概念很简 ...
分类:
其他好文 时间:
2019-07-07 14:36:23
阅读次数:
106
在写项目的时候遇到了一个问题,就是需要动态监听data中一个对象的属性的变化。遇到了许多坑,在此过程中也发现了两种解决方案。 一、通过deep属性实现 二、通过computed做中介 返回目录 ...
分类:
其他好文 时间:
2019-07-03 13:54:34
阅读次数:
105
Vue第三篇 复习 python """ v if | v show "tag == 0" v if | v else if | v else v for="obj in objs" {{ obj }} computed:监听绑定函数中的所有变量,返回值给绑定的变量 watch:监听绑定的变量 le ...
分类:
其他好文 时间:
2019-06-28 16:49:31
阅读次数:
85
恢复内容开始 1、vue条件指令 可以运行加减运算 可以进行if判断 数据关联(点击指定字符展示对应的内容) v-for循环指令 输入框输入内容,添加评论,删除指定的评论 computed用来监控自己定义的变量,该变量不在data里面声明,直接在computed里面定义,然后就在页面上进行双向数据绑 ...
分类:
其他好文 时间:
2019-06-28 01:02:21
阅读次数:
111