人工智能和网站开发,信誉最好的20个网投网站,网站前端用的到ps,企业规划设计插值#xff1a;
文本#xff1a;
数据绑定最常见的形式就是使用 “Mustache” 语法#xff08;双大括号#xff09;的文本插值#xff0c;双大括号会将数据解析成纯文本 Mustache 标签将会被替代为对应数据对象上 msg 属性的值。无论何时#xff0c;绑定的数据对象…插值
文本
数据绑定最常见的形式就是使用 “Mustache” 语法双大括号的文本插值双大括号会将数据解析成纯文本 Mustache 标签将会被替代为对应数据对象上 msg 属性的值。无论何时绑定的数据对象上 msg 属性发生了改变插值处的内容都会更新
纯HTML:
双大括号会将数据解释为纯文本而非 HTML 。为了输出真正的 HTML 你需要使用 v-html 指令 被插入的内容都会被当做 HTML —— 数据绑定会被忽略
使用 JavaScript 表达式
除了绑定简单的键值Vue.js 都提供了完全的 JavaScript 表达式支持 这些表达式会在所属 Vue 实例的数据作用域下作为 JavaScript 被解析。有个限制就是每个绑定都只能包含单个表达式所以下面的例子都不会生效
过滤器
Vue.js 允许你自定义过滤器来实现一些常见的文本格式化功能。过滤器应该被添加在 mustache 插值的尾部由“管道符”标识出来 过滤器可以串联 过滤器是 JavaScript 函数因此可以接受参数
指令
指令Directives是带有 v- 前缀的特殊属性。指令属性的值预期是单一 JavaScript 表达式除了 v-for之后再讨论。指令的职责就是当其表达式的值改变时相应地将某些行为应用到 DOM 上
参数
一些指令能接受一个“参数”在指令后以冒号指明。例如 v-bind 指令被用来响应地更新 HTML 属性 在这里 href 是参数告知 v-bind 指令将该元素的 href 属性与表达式 url 的值绑定
修饰符
修饰符Modifiers是以半角句号 . 指明的特殊后缀用于指出一个指定应该以特殊方式绑定
v-bind
v-bind就是用来给属性动态绑定属性值的指令可以是一个或多个特性或一个组件的prop到表达式缩写为”:”
div v-bind:srcimageSrc/div就是将div的src属性动态的和imageSrc绑定在了一起
v-model:
v-model就是用来在表单控件或者组件控件上创建数据双向绑定的指令
