Toasobi
VUE语法速通
本文最后更新于2023年09月15日,已超过477天没有更新。如果文章内容或图片资源失效,请留言反馈,我会及时处理,谢谢!
**
1.简单使用开始
**
el表示绑定vue实例于哪个div
vue实例放在vue.js引入之下,单独使用script包起
尽量不要在{{}}里面进行数值操作(++等)应该在script中算好了再拿过来渲染
**
- v-html 渲染html
**
vue如何渲染html
**
- v-model 双向绑定数据
**
v-model双向绑定数据,二者同步变化,实时更新
**
- v-if 满足则渲染
**
if判断变量是否满足,不满足不渲染
**
- v-bind 动态跳转
**
动态跳转,根据变量内容变化,可以从后端取值然后动态绑定<a v-bind:href="url">点击</a>
**
- v-on 事件绑定
**
例子使用原生js改变css样式
同时,v-on还可以实现点击一个元素触发另一个元素的动作(原生js找id)
**
- v-for
**
:key 唯一值
**
- 动态绑定class
**
:class , 'active'是一个css样式,此外还有动态绑定style