博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Vue - 指令
阅读量:4499 次
发布时间:2019-06-08

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

v-text & v-html

瞬间一目了然

1321525-20180610120809738-981299058.png

v-bind

动态地绑定一个或多个特性,或一个组件 prop 到表达式。

示例:

v-model

实现数据的创建和双向绑定。

v-if v-show v-else v-else-if v-for

v-on

事件监听器

v-once

只渲染元素和组件一次。随后的重新渲染,元素/组件及其所有的子节点将被视为静态内容并跳过。这可以用于优化更新性能。

第一次绑定的值:{
{hello}}

1321525-20180610125822077-1603095622.png

v-pre

跳过这个元素和它的子元素的编译过程。可以用来显示原始 Mustache 标签。跳过大量没有指令的节点会加快编译。

{

{hello}}

{

{hello}}

1321525-20180610125155979-1030182766.png

v-cloak

这个指令保持在元素上直到关联实例结束编译。和 CSS 规则如 [v-cloak] { display: none } 一起用时,这个指令可以隐藏未编译的 Mustache 标签直到实例准备完毕。

{
{hello}}
{
{hello}}

1321525-20180610130631326-1240052535.gif

转载于:https://www.cnblogs.com/xiaobaiv/p/9162697.html

你可能感兴趣的文章
maven也是Apache开发的,也是java开发的。maven需要你本地系统JDK的支持
查看>>
垂直同步v-sync
查看>>
const关键字祥解
查看>>
JDK提供的并发工具类
查看>>
jmx
查看>>
【JZOJ4161】于神之怒 莫比乌斯反演
查看>>
实践作业4:Web测试实践(小组作业)每日任务记录2
查看>>
kubernetes 之一些报错
查看>>
PHP isset()、empty()、is_null()的使用区别详解
查看>>
软件产品案例分析(团队)
查看>>
eclipse中svn插件的安装
查看>>
北京赛区总结
查看>>
Mysql安装后的一些设置
查看>>
4、Qt Project之串口数据传输
查看>>
Python List reverse()方法
查看>>
Jmeter 正则提取器
查看>>
lua -- 生成协议
查看>>
HLP帮助文件源文件RTF文件的编写
查看>>
2.30模型字符串拷贝
查看>>
XPATH怎么获取TITLE中有中文的标签
查看>>