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

本文共 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

你可能感兴趣的文章
何时该用无服务器,何时该用Kubernetes?
查看>>
窗口进度条及其高级使用
查看>>
实录分享&视频 | 微软Visual Studio Code是这样支持Docker的
查看>>
放弃OpenStack?恐怕还不到时候
查看>>
苏宁精准营销之生成人群包的演进
查看>>
.NET开源现状
查看>>
Dave Farley:持续交付的基本原理
查看>>
可替换元素和非可替换元素
查看>>
2016/08/25 The Secret Assumption of Agile
查看>>
(Portal 开发读书笔记)Portlet间交互-PortletSession
查看>>
【资料搬迁】windows 下更改mysql的root密码
查看>>
openfiler简单使用
查看>>
Linux基于libmemcached,php扩展memcached的安装
查看>>
搭建vsftpd服务器,使用匿名账户登入
查看>>
AMD改善Linux驱动,支持动态电源管理
查看>>
idea 用Tomcat进行热部署遇到的问题
查看>>
JAVA中循环删除list中元素的方法总结
查看>>
Java虚拟机管理的内存运行时数据区域解释
查看>>
人人都会深度学习之Tensorflow基础快速入门
查看>>
ChPlayer播放器的使用
查看>>