博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue: data binding
阅读量:4964 次
发布时间:2019-06-12

本文共 1091 字,大约阅读时间需要 3 分钟。

1.文本

第一种“Mustache” 语法(双大括号)写法

第二种 用v-text的指今写法
第三种和第四是对es6写法的拓展写法,称模板字符串

2. v-once

通过指令我们可以对文本值进行一次性赋值操作,只进行第一次的数据渲染,如果再次改变值,文本值也不会改变

应用场景 : 一般是用在组件树中传递时,导致组件数据一层一层传递时,变改了不需要改变的场景,用v-once可以避免在组件数中只需用一次性赋值操作

 

3. 纯html

我们在解析的不是文件而是一个html格式的时候放在v-text中或者{

{}}就会被当作一个文本解析,所以我们此时要用v-html指令进行解析,在1.0中支持{
{
{}}}这种格式,为了防止xss功击,去除了这个功能

常用场景 : 当我们在跟前后台对接口数据时,后台会返回一个html格式,一般是后台操作界面编译的样式文本,此时我们就要用v-html来进行解析

 

4. 属性

在vue中属性这个东西很关健,在组件与组件中数据传递时会很有用,但是对于属性的解析我们不能用{

{}}“Mustache” 语法(双大括号)写法,我们同时还是要用指令去解析,那就是v-bind:*,同时我们可以简写用v-bind语法糖 :即可
如果我们先不考虑组件传递,我们就是考虑简单的给元素加属性

应用场景 在组件中传递时需要用,其它元素上的绑定属性都需要这个功能

 

转载于:https://www.cnblogs.com/Nyan-Workflow-FC/p/10594632.html

你可能感兴趣的文章
C3P0 WARN: Establishing SSL connection without server's identity verification is not recommended
查看>>
iPhone在日本最牛,在中国输得最慘
查看>>
动态方法决议 和 消息转发
查看>>
js 基础拓展
查看>>
C#生成随机数
查看>>
Android应用程序与SurfaceFlinger服务的连接过程分析
查看>>
Java回顾之多线程
查看>>
机电行业如何进行信息化建设
查看>>
9、总线
查看>>
Git 笔记 - section 1
查看>>
2018 Multi-University Training Contest 10 - TeaTree
查看>>
2018 Multi-University Training Contest 10 - Count
查看>>
HDU6203 ping ping ping
查看>>
《人人都是产品经理》书籍目录
查看>>
如何在git bash中运行mysql
查看>>
OO第三阶段总结
查看>>
构建之法阅读笔记02
查看>>
DataTable和 DataRow的 区别与联系
查看>>
检索COM 类工厂中CLSID 为 {00024500-0000-0000-C000-000000000046}的组件时失败
查看>>
mysql数据库中数据类型
查看>>