VUE的基础知识

在Vue中,重要的是了解以v-开头的指令,如v-cloak用于解决插值闪烁,v-for和v-bind用于数据绑定,v-if/v-else/v-else-if进行条件渲染,v-on处理事件监听。此外,数据在data中是响应式的,当数据变化时,视图会自动更新。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

在学习vue中一定要学会看官方文档


1.在vue中,指令都是以v-开始 

2.v-cloak解决双大括号插值闪烁问题 

[v-clock]{
            display:none
           }

3.解决插值闪烁问题
使用    v-test =""     不会产生插值问题

4.使用v-html 类似原生js innerHTML 可以渲染标签

5.v-for 遍历属性,使用这个必须要绑定唯一标识    key

<li v-for="(item,index) in xxxxx"></li>

6.v-if  (表示判断,当符合条件时才会渲染),v-else  (如果相反,会渲染) v-else-if   (条件判断,如果上述条件都不符合,那么则会渲染这一个)和  v-show(可以控制元素的显示和隐藏   ,值是布尔值true/false)

7.v-bind   绑定属性  属性值不再是字符串而是data中的数据   可以简写为 :

<a v-bind:href="属性"></a>
可以省略为
<a :href="属性"></a>

8.绑定点击事件v-on:事件名称 = “事件”

一般存放在method里面

<button v-on:clack="add"></button>

9.data里面的数据都是响应式的,只要数据改变,视图更新 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值