vue的bind练习

来源：互联网发布：mac限免编辑：程序博客网时间：2024/06/14 10:31

<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><script type="text/javascript" src="vue.js" ></script></head>    <style type="text/css">    .active{    background-color:orange;    font-size: 20px;    color: #fff;    }    </style><body><div id="app">        <p v-for="(college, index) in colleges" :class="index=== indexActive?'active':''">           {{college}}        </p>           <p :style="{color:fontColor}">今天天气很好</p></div><script type="text/javascript">new Vue({el:'#app',data:{                    colleges:[                    'ios学院','java学院','HTML学院','UI学院','VR学院'],                    indexActive:3,                    fontColor:'red'}})</script></body></html>

阅读全文

0 0

vue的bind练习
vue的小练习
vue-- vue-bind:src
Vue.js的bind报错解决
vue的v_if小练习
Vue v-bind
vue笔记----指令bind
Vue.js使用v-bind绑定class时的注意事项
Vue.js v-bind遇到的数据渲染问题
vue中使用v-bind:class的选项卡
vue.js 中v-bind指令的使用
vue的v-for小练习表单
Vue之filters--v-bind
jQuery bind事件练习及tab标签切换的实现
【原理】vue的v-if和v-else、v-bind实现的登录界面案例
Vue- 动态元素属性及v-bind和v-model的区别
Vue- 对象语法 v-bind:class与对象语法的使用（重要）
Vue.js中v-bind v-model的使用和区别
求高精度幂
834A. The Useless Toy
机器学习-决策树
版图DRC扫描线法的实现
Java 8 Optional类深度解析
vue的bind练习
百练+DP
从零开始python案例007猜数字（第二版）
购物车
docker技术的详细介绍（简单、直白的理解）
菜鸟正在打怪升级
TCP/IP初识（包含ARP协议的理解）
Java基础知识-1、java简介
多线程下载文件（支持暂停、取消、断点续传）