Vue.js学习系列(十七)--常用指令(一)

指令(Directives)是带有v-前缀的特殊属性。指令属性的值预期是单一JavaScript表达式(除了v-for,之后再讨论)。指令的职责就是当其表达式的值改变时相应地将某些行为应用到DOM上。

现在你看到我了

指令

学的不仅是技术,更是梦想!

new Vue({

el: '#app',

data: {

seen: true,

ok: true

}

})

运行结果如下:

在这里,v-if指令将根据表达式seen的值(true或false )来决定是否插入p元素。如果seen的值为true时,则插入p元素,否则不插入p元素。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 这篇笔记主要包含 Vue 2 不同于 Vue 1 或者特有的内容,还有我对于 Vue 1.0 印象不深的内容。关于...
    云之外阅读 5,086评论 0 29
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,082评论 19 139
  • 1.安装 可以简单地在页面引入Vue.js作为独立版本,Vue即被注册为全局变量,可以在页面使用了。 如果希望搭建...
    Awey阅读 11,121评论 4 129
  • Vue.js 是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue...
    纯情_小火鸡阅读 510评论 1 2
  • 我去过先生家过了三个春节,感受到了河南地当地春节的一些习俗。 年夜饭 先生家的年夜饭就是饺子,对,没听错,只有饺子...
    砖儿zr阅读 462评论 8 4