首页 存档 技术 查看内容

Vue.js学习系列(五)---vuejs指令

2018-3-30 13:00 |来自: 互联网 252 0

摘要: 点击上方“蓝字”关注本公众号Vue.js学习系列(五)---vuejs指令○使用vuejs编写之前,我们要先了解一下vuejs的指令。 Vuejs的指令带有前缀”v-”,表示它们是Vue.js 提供的特殊属性。可能你已经猜到了,它们会在渲染 ...

点击上方“蓝字”关注本公众号

Vue.js学习系列(五)---vuejs指令

使用vuejs编写之前,我们要先了解一下vuejs的指令。

Vuejs的指令带有前缀”v-”,表示它们是Vue.js 提供的特殊属性。可能你已经猜到了,它们会在渲染过的 DOM 上应用特殊的响应式行为。

这里我们给大家举几个关于指令的例子。

1.v-bind:

这个指令的简单来说:将这个元素节点的 title属性和 Vue 实例的message属性绑定到一起。


2.v-if

这个指令是用来控制切换一个元素的显示。

如果seen:false,那么this is v-if就不会显示在页面上。

通过这两个例子我们看出不仅可以绑定 DOM 文本到数据,也可以绑定 DOM 结构到数据。而且,Vue.js 也提供一个强大的过渡效果系统,可以在 Vue 插入/删除元素时自动应用过渡效果

当然在vuejs中仍然存在其他指令,在后面的学习中,我们会向大家详细讲解。这里我们先简单的了解一下vuejs的指令。

声明:文章版权归原作者所有 部分文章转自互联网 如有侵权请联系 [邮箱地址] 删除

路过

雷人

握手

鲜花

鸡蛋

相关分类

返回顶部