摘要: 1.v-bind:class:绑定class样式。通过控制isActive变量值来实现是否显示;通过.active样式设置背景颜色。 2.支持普通的class与v-bind绑定样式混合使用; v-bind中支持多个动态样式,例如增加一个green:isGreen动态样式;下面style中添加相应的样 阅读全文
posted @ 2019-10-03 16:15 A·DONG 阅读(242) 评论(0) 推荐(0) 编辑
摘要: 1.通过v-if实现对条件的判断和执行; 2.通过v-bind:href实现对url地址的绑定,其中url写在data中; 3.通过@click="click1"实现点击事件,其中click1写在methods中; 4.通过@click.stop="click2"实现对点击的停止控制,意味着该点击完 阅读全文
posted @ 2019-10-03 16:03 A·DONG 阅读(384) 评论(0) 推荐(0) 编辑
摘要: 在vue中使用函数对字符串做相应的处理: split:分割字符,将每个字符分割为一个数组值; reverse:将字符进行逆序排序; join:将字符连接; 最终输出结果。 阅读全文
posted @ 2019-10-03 15:50 A·DONG 阅读(748) 评论(0) 推荐(0) 编辑
摘要: 可在vue中运用js表达式,完成数据的运算(包括三元运算)、比较等操作。 阅读全文
posted @ 2019-10-03 09:48 A·DONG 阅读(236) 评论(0) 推荐(0) 编辑
摘要: 通过v-bind实现Class 与 Style 绑定,方便调整属性的值 阅读全文
posted @ 2019-10-03 09:33 A·DONG 阅读(190) 评论(0) 推荐(0) 编辑
摘要: 可以在数据绑定中使用html标签,这样在变量里可以使用html标签输出结果,如下所示: 阅读全文
posted @ 2019-10-03 09:18 A·DONG 阅读(561) 评论(0) 推荐(0) 编辑
摘要: v-once可以使得数据绑定只绑定一次,后期不会再改变,如下图所示: 阅读全文
posted @ 2019-10-03 09:05 A·DONG 阅读(695) 评论(0) 推荐(0) 编辑