- 博客(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
84
原创 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
70
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
105
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人