卓象程序员 | 哈尔滨IT培训 | 品质教育,口碑传承 | 为做出口口相传,好口碑的教育品牌而奋斗!

卓象程序员让每一位学员高薪就业 联系我们13101507057

加微信,了解详情
您所在的位置:首页 > 文章 >Vue.js

「Vue.js开发连载三」vue.js指令v-text
时间: 2018-11-09 10:28:02     来源: 卓象IT实训基地【原创】

上一篇文章讲解“Vue.js定义”,本篇文章讲解“vue.js指令v-text”。


指令

指令(Directives)是带有v-前缀的特殊属性。指令属性的值预期是单个JavaScript表达式(v-for是例外情况,稍后我们再讨论)。指令的职责是,当表达式的值改变时,将其产生的连带影响,响应式地作用于DOM。

在Vue.js中一共有13个系统指令,分别为:v-text、v-html、v-show、v-if、v-else、v-else-if、v-for、v-on、v-bind、v-model、v-pre、v-cloak、v-once。


v-text

「Vue.js开发连载三」vue.js指令v-text


【例】vue中定义变量,并用v-text指令与{{}}模板插值显示。

「Vue.js开发连载三」vue.js指令v-text


浏览器访问:

「Vue.js开发连载三」vue.js指令v-text


注意

1. 注意要在页面中引入vue.js开发版文件。

2. v-text与{{}}等价,{{}}叫模板插值,v-text叫指令。

Vue.js连载为卓象程序员原创,转载请联系卓象程序员

「Vue.js开发连载三」vue.js指令v-text


关注卓象程序员,定期发布技术文章

下一篇讲解“vue.js指令v-bind”

「Vue.js开发连载三」vue.js指令v-text