- 博客(3)
- 问答 (1)
- 收藏
- 关注
原创 2021-08-20
Vue中条件渲染的两种标签: 第一种:v-if 写法: (1).v-if=“表达式” (2).v-else-if=“表达式” (3).v-else=“表达式” 特点:不展示的DOM元素直接被移除。 注意:v-if可以和:v-else-if、v-else一起使用,但要求结构不能被“打断”。 第二种:v-show 写法:v-show=“表达式” 特点:不展示的DOM元素未被移除,使用的是行内样式进行隐藏。 以下是代码实例: <div id="root"> <h2>当前的n值是:{{
2021-08-20 15:41:59
110
原创 2021-08-20
Vue中绑定数据的两种方式: 第一种:单向绑定(v-bind):数据只能从data流向页面。 <div id="root"> <!-- 普通写法 --> 单向数据绑定:<input type="text" v-bind:value="name"><br> <br> <!-- 简写新式 --> 单向数据绑定:<input type="text" :val
2021-08-20 15:20:02
96
1
原创 2021-08-19
vue模板语法的两大类: 第一类:插值语法,用于解析标签体内容,通过{{xxx}}来写,xxx是js的表达式,并且可以直接读取到vue中data的所有属性。 举例: <h3>您好,{{name}}</h3> new Vue({ el:'#root', data:{ name:'jack' } }) 第二类:指令语法,用于解析标签,包
2021-08-19 16:08:31
147
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人