uniapp学习笔记（零入门）20211013

最新推荐文章于 2024-04-20 05:50:22 发布

班长胡一可

最新推荐文章于 2024-04-20 05:50:22 发布

阅读量159

点赞数

分类专栏： uniapp 文章标签： vue.js

本文链接：https://blog.csdn.net/qqMr75/article/details/120741529

版权

4 篇文章 0 订阅

订阅专栏

本文详细介绍了Vue.js中的基础语法，包括v-bind用于动态绑定属性，v-on用于事件监听，以及三元表达式在切换样式中的运用。通过实例展示了如何在Vue中实现类的动态绑定和事件处理，帮助开发者更好地理解和掌握Vue开发技巧。

摘要由CSDN通过智能技术生成

常用vue基础语法

v-bind:动态绑定标签属性，缩写为（:）,如：v-bind:class=“content”和:class="content"是一个意思,都是动态给类class绑定content的动态值；

v-on:对DOM事件进行监听，常用于点击或滑动事件，缩写为（@），如：v-on:click="触发事件"跟@click="触发事件"是一个意思

三元表达式：：class="test?test1:test2"，意思是当test为true时，把test2赋值给class;当test为false时，把test2赋值给class。三元表达式常用于切换html样式，如在设置滑动导航时常用代码：

：class="(num==index)?color:''"//意思是当num等于index时，把color赋值给你class,如果不相等，则不做改变

关注

专栏目录