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

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

hot3.png

内部指令

1.v-if (v-else)

v-if 是用来判断是否加载 DOM 的,比如在判断登录状态时可以使用。

2.v-show

v-show 是用来调整 css 中的 display 属性的,而 DOM 已经加载

v-if 和 v-show 的区别

  • v-if:判断是否加载 DOM 元素,在需要时才加载,可以减轻服务器压力
  • v-show:调整 css 中的 display 属性,相比 v-if 可以使客户端操作更加流畅

3.v-for

v-for 是循环渲染一组 data 中的数组,以 item in items 的形式遍历

4.v-text&v-html

v-text 类似于 jq 的 text() 方法,v-html 类似于 jq 的 html() 方法,我们使用插值 {

{}} 的时候,是有弊端的,如果网速慢或者 js 出错时,会暴露我们的 {
{xxx}},v-text 就是为了避免这一问题

5.v-on

v-on 用来绑定事件,例如 v-on:click="add" 给 元素添加一个 add 方法,v-on:keyup=“reduce” 给元素添加一个键盘事件等,可以简写成 和 @keyup

6.v-model

v-model 用于双向数据绑定

7.v-bind

v-bind 用于动态绑定属性,可以绑定 css 样式,src 值,自定义属性等,可以用 : 简写为 :class="className"

8.其他指令

v=pre 在模板中跳过 vue 的变异,直接输出原始值;

v-cloak 在 vue 渲染完指定的 dom 后才进行显示,必须和 css 样式 [v-cloak]{display:none} 一起使用;

v-once 在第一次 dom 渲染时加载,完成后视为静态内容,跳出以后的渲染过程等等

转载于:https://my.oschina.net/u/3026577/blog/2872476

你可能感兴趣的文章
saltstack模块之pkg相关模块
查看>>
linux查看内核版本号
查看>>
SVN合代码时遇到的问题
查看>>
tuna.tsinghua yum repo
查看>>
ext store remove old datas load new datas优化
查看>>
【Jetty Server 开发系列之一】搭建Jetty Server环境&&Http客户端实现交互
查看>>
【COCOS2D-HTML5 开发之三】示例项目附源码及运行的GIF效果图
查看>>
RedHat下mysql的几种不同方式的安装
查看>>
Nginx搭建rtmp流媒体服务器
查看>>
Android Studio第十七期 - 自定义圆形进度条
查看>>
【程序员技能】正则表达式总结
查看>>
Oracle数据库系统使用经验六则
查看>>
Citrix XenServer多路径配置
查看>>
毕业了才知道学习
查看>>
PHP实现队列及队列原理
查看>>
PingingLab传世经典系列《CCNA完全配置宝典》-2.4 RIPv1基本配置
查看>>
win7下IE主页无法修改,IE设置无法保存解决方案
查看>>
centos7禁止root帐号直接登录
查看>>
使用twemproxy作为Redis代理
查看>>
Cocos2d-x 《雷电大战》-精灵随手指移动,你点哪我走哪!
查看>>