![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue指令
zmj2051176726
这个作者很懒,什么都没留下…
展开
-
数据绑定v-model
v-model简单示例简单示例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>双向数据绑定</title> <script src="vue.min.js"></script><...原创 2019-08-14 11:37:05 · 111 阅读 · 0 评论 -
v-once
v-once只渲染元素和组件一次。随后的重新渲染,元素/组件及其所有的子节点将被视为静态内容并跳过。这可以用于优化更新性能。例如:<html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="../../...原创 2019-08-27 10:28:30 · 131 阅读 · 0 评论 -
v-if
v-if 条件渲染1.v-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回 truthy 值的时候被渲染。 也可以用 v-else 添加一个“else 块”:<h1 v-if="awesome">Vue is awesome!</h1><h1 v-else-if="msg">Vue is msg!</h1><...原创 2019-08-27 11:29:26 · 622 阅读 · 0 评论 -
v-show条件渲染
v-show条件渲染1.另一个用于根据条件展示元素的选项是 v-show 指令。用法大致一样:<h1 v-show="ok">Hello!</h1>值0也表示false,其他数值表示true。不同的是带有 v-show 的元素始终会被渲染并保留在 DOM 中。v-show 只是简单地切换元素的 CSS 属性 display。注意,v-show 不支持 <t...原创 2019-08-27 11:56:13 · 3024 阅读 · 0 评论 -
v-for
v-for基于数据渲染一个列表,类似于JS中的遍历。其数据类型可以是Array|Object|Number|String。该指令之前,必须使用特定的语法(item,index) in items,为当前遍历元素提供别名,v-for的优先级别高于v-if之类的其他指令。另外也可以为数组索引指定别名 (或者用于对象的键):<div v-for="(item, index) in item...原创 2019-08-27 15:50:47 · 437 阅读 · 0 评论 -
v-text
v-text<body><div id="app"> <p>{{msg}}hhhh</p></div></body><script> var vm=new Vue({ el:"#app", data:{ msg:"wo" }...原创 2019-08-27 16:06:49 · 155 阅读 · 0 评论 -
输出html指令 v-html
v-html解析了标签属性,而不是如v-text那样原样输出。<body><div id="app"> <p v-html="website"></p></div></body><script> new Vue({ el:"#app", data:{ ...原创 2019-08-27 16:18:16 · 894 阅读 · 0 评论 -
元素绑定指令 v-bind
元素绑定指令 v-bind完整格式:v-bind:元素的属性名=‘xxxxx’缩写格式::元素的属性名=‘xxxxx’作用:将数据动态绑定到指定的元素上<body> <div id="app"> <h3>v-bind 属性绑定指令</h3> <!-- 红色字体是正常的 --> <i...原创 2019-09-08 22:34:32 · 189 阅读 · 0 评论