博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Vue笔记(一)
阅读量:6819 次
发布时间:2019-06-26

本文共 794 字,大约阅读时间需要 2 分钟。

指令:

  1、v-if 指令用于标签的属性,绑定数据,当数据为true时,显示该标签,当属性为false时,移除该标签。

  2、v-bind 指令用于属性响应绑定数据,数据改变此绑定的属性也改变,例如:<v-bind:href="url">链接</a>,数据url改变,则a的href属性值也改变。

  3、v-on 指令用于监听dom事件,如click、mouseover、mouseout等事件,例如:<button v-on:click="doSomething">点击</button>,事件click,函数doSomething。

  4、

计算缓存:

  1、计算属性是基于依赖缓存的,只有在相关的依赖发生改变时才会重新取值,就是说只有他依赖的这个新建vue对象数据改变了,他才会重新取值计算,只要依赖的数据没有改变,他只会返回之前的计算结果。

  2、计算属性computed与methods比较,methods是无需依赖改变,即可调用的方法。如果不希望用缓存时,它可以代替计算属性

  3、计算属性computed与watch比较,watch会监听vue实例的某个数据变化,当监听的数据发生改变的时候,会调用此函数

  4 、

       
vue

无依赖数据的computed:{

{now}}

有依赖数据的computed:{

{computedFun}}

{

{message}}

转载于:https://www.cnblogs.com/dck1004589696/p/6281391.html

你可能感兴趣的文章
C# ZPL II 命令打印标签
查看>>
代码面试之广义表
查看>>
hdu1754 I hate it线段树模板 区间最值查询
查看>>
【python】抄写大神的糗事百科代码
查看>>
序列化和反序列化
查看>>
android-studio 安装gradle
查看>>
nodejs字符与字节之间的转换
查看>>
C++:函数模板与模板函数
查看>>
iOS 内存管理
查看>>
linux查看某个进程CPU消耗较高的具体线程或程序的方法
查看>>
Codrops 实验:使用 Vibrant.js 提取图像颜色
查看>>
WPF中的换行符
查看>>
15天玩转redis —— 第五篇 集合对象类型
查看>>
相机的3A技术
查看>>
SSH配置
查看>>
Break the Chocolate(规律)
查看>>
论文阅读之 Inferring Analogous Attributes CVPR 2014
查看>>
quick-cocos2d-x游戏开发【6】——制作您自己的自定义效果button菜单
查看>>
JSON.parse()和JSON.stringify()
查看>>
android中的返回键与Activity
查看>>