vue-数据绑定

1、数据双向绑定

 

        双向绑定，前台必须有输入的地方，

        因此，必须绑定input、select、textarea

        v-model

 

        DOM元素上加上v-model='data中的变量名'

 

        即可实现，全后数据的双向同步

 

2、给属性插值，简单的数据绑定

    

        v-bind:属性='变量'

 

        <a v-bind:href='变量名'></a>

        即可将data中的变量值，绑定到a便签的href属性上

 

3、v-html    

        将传入的变量值作为html解析，并插入到当前的dom元素中。

 

        <p v-html='website'></p>

        

4、{{ 变量、表达式、方法}}

 

        显示的值，不会作为html渲染，而是直接当作字符串显示到页面中。

        当网络不稳定的时候，页面加载较慢，{{ }}会被直接显示到页面上，很不美观。

        使用 v-cloak 可以解决表达式短暂输出的问题

        全局css中 [v-cloak] {display:none}

        <标签 v-cloak>{{ 表达式 }}</标签>