- 博客(7)
- 收藏
- 关注
RSS订阅原创 V-for遍历---添加key
遍历数组v-for=“movie in movies”依次从movies中取出movie，并且在元素的内容中，我们可以使用Mustache语法，来使用movie如果在遍历的过程中，我们需要拿到元素在数组中的索引值呢？语法格式：v-for=(item, index) in items其中的index就代表了取出的item在原数组的索引值。<div id="app"> &l...
2020-05-04 23:21:27
907
原创 v-if案例 v- show 个人笔记
v-if案例（一点虚拟dom知识）<div id="app"> <span v-if="isUser"> <label for="username">用户账号</label> <input type="text" id="username" placeholder="用户账号"> </span> ...
2020-05-04 23:10:58
335
原创 计算属性
计算属性computedmethods和computed看起来都可以实现我们的功能，那么为什么还要多一个计算属性这个东西呢？原因：计算属性会进行缓存，如果多次使用时，计算属性只会调用一次。 <div id="app"> <h2 :style="{fontSize:fsize}">{{totalPrice}}</h2> ...
2020-05-03 22:53:36
153
原创 V-if -----------笔记
v-ifv-if、v-else-if、v-else这三个指令与JavaScript的条件语句if、else、else if类似。Vue的条件指令可以根据表达式的值在DOM中渲染或销毁元素或组件简单的案例演示：当逻辑判断比较复杂，或者这个写法<div id="app"> <h1>{{result}}</h1></div><...
2020-05-03 22:53:14
182
原创 V-on ----笔记
v- on参数当通过methods中定义方法，以供@click调用时，需要注意参数问题：情况一：如果该方法不需要额外参数，那么方法后的()可以不添加。但是注意：如果方法本身中有一个参数，那么会默认将原生事件event参数传递进去情况二：如果需要同时传入某个参数，同时需要event时，可以通过$event传入事件。``div id="app"> <!--1.事件调...
2020-05-03 22:28:16
200
原创 VUE语法 -bind
V-bind语法v-bind用于绑定一个或多个属性值，或者向另一个组件传递props值。图片的链接src、网站的链接href、动态绑定一些类、样式等等比如通过Vue实例中的data绑定元素的src和href，代码如下<div id="app"> <!-- 错误的做法: 这里不可以使用mustache语法--> <!--<img src="{{im...
2020-05-02 00:22:22
468
原创 VUE第三天
vue语法Mustache语法(也就是双大括号)将data中的文本数据，插入到HTML中,响应式div id="app"> <h2>{{message}}</h2> <h2>{{message}}, 李银河!</h2> <!--mustache语法中,不仅仅可以直接写变量,也可以写简单的表达式--> <...
2020-05-01 16:20:46
195
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人