谷粒商城学习日记(17)——Vue语法入门(2)

Vue语法入门
- 插值表达式与v-text,v-html
- 插值表达式
- v-text,v-html
- 单向绑定v-bind
- 双向绑定v-model
插值表达式与v-text,v-html
插值表达式
{{}}双大括号,里面可以取vue对象里面的值,也可以是任何的表达式,只要有返回值是方法也可以。
v-text,v-html
v-text显示只是原来的元素
v-html可以讲元素当html片段渲染
单向绑定v-bind
用v-bind:,简写为:。表示把model绑定到view。可以设置src、title、class等
双向绑定v-model
一般用于表单项,自定义组件
可以实现页面元素和model内对象的双向绑定