TypechoJoeTheme

Toasobi的博客

VUE语法速通

本文最后更新于2023年09月15日,已超过369天没有更新。如果文章内容或图片资源失效,请留言反馈,我会及时处理,谢谢!

**

1.简单使用开始

**

el表示绑定vue实例于哪个div
vue实例放在vue.js引入之下,单独使用script包起
尽量不要在{{}}里面进行数值操作(++等)应该在script中算好了再拿过来渲染


**

  1. v-html 渲染html

**

vue如何渲染html


**

  1. v-model 双向绑定数据

**

v-model双向绑定数据,二者同步变化,实时更新


**

  1. v-if 满足则渲染

**

if判断变量是否满足,不满足不渲染


**

  1. v-bind 动态跳转

**

动态跳转,根据变量内容变化,可以从后端取值然后动态绑定
<a v-bind:href="url">点击</a>

**

  1. v-on 事件绑定

**

例子使用原生js改变css样式
同时,v-on还可以实现点击一个元素触发另一个元素的动作(原生js找id)


**

  1. v-for

**

:key 唯一值


**

  1. 动态绑定class

**

:class , 'active'是一个css样式,此外还有动态绑定style

朗读
赞(0)
评论 (0)