A·DONG

2019年10月3日

摘要： 1.v-bind：class：绑定class样式。通过控制isActive变量值来实现是否显示；通过.active样式设置背景颜色。 2.支持普通的class与v-bind绑定样式混合使用； v-bind中支持多个动态样式，例如增加一个green:isGreen动态样式；下面style中添加相应的样阅读全文

posted @ 2019-10-03 16:15 A·DONG 阅读(246) 评论(0) 推荐(0)

Vue知识整理8：条件、URL、点击

摘要： 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 阅读(397) 评论(0) 推荐(0)

Vue知识整理7：vue中函数的应用

摘要：在vue中使用函数对字符串做相应的处理： split：分割字符，将每个字符分割为一个数组值； reverse：将字符进行逆序排序； join：将字符连接；最终输出结果。阅读全文

posted @ 2019-10-03 15:50 A·DONG 阅读(768) 评论(0) 推荐(0)

Vue知识整理6：JavaScript表达式

摘要：可在vue中运用js表达式，完成数据的运算（包括三元运算）、比较等操作。阅读全文

posted @ 2019-10-03 09:48 A·DONG 阅读(244) 评论(0) 推荐(0)

Vue知识整理5：v-bind绑定属性（Class 与 Style 绑定）

摘要：通过v-bind实现Class 与 Style 绑定，方便调整属性的值阅读全文

posted @ 2019-10-03 09:33 A·DONG 阅读(197) 评论(0) 推荐(0)

Vue知识整理4：v-html标签

摘要：可以在数据绑定中使用html标签，这样在变量里可以使用html标签输出结果，如下所示：阅读全文

posted @ 2019-10-03 09:18 A·DONG 阅读(570) 评论(0) 推荐(0)

Vue知识整理3：v-once的使用

摘要： v-once可以使得数据绑定只绑定一次，后期不会再改变，如下图所示：阅读全文

posted @ 2019-10-03 09:05 A·DONG 阅读(742) 评论(0) 推荐(0)

2019年10月2日

Vue知识整理2：Vue生命周期方法

摘要：在vue执行过程中，可以分为beforeCreate、created、BeforeMount、mounted 、BeforeUpdate、updated 等常用的方法，如下图所示。除此之外，通过查看官方文档，还有若干的生命周期方法： https://cn.vuejs.org/v2/api/ 阅读全文

posted @ 2019-10-02 21:12 A·DONG 阅读(183) 评论(0) 推荐(0)

Vue知识整理1：$watch方法的使用

摘要：如下图所示：vue中，可以使用$watch方法显示变量的前面值和当前值，方便进行判断。使用方法：阅读全文

posted @ 2019-10-02 21:00 A·DONG 阅读(1744) 评论(0) 推荐(0)

2019年9月29日

uni-app学习资料整理-1.白话uni-app

摘要：白话uni-app https://ask.dcloud.net.cn/article/35657 文件内代码架构的变化以前一个html大节点，里面有script和style节点；现在template是一级节点，用于写tag组件，script和style是并列的一级节点，也就是有3个一级节点。阅读全文

posted @ 2019-09-29 21:05 A·DONG 阅读(1540) 评论(0) 推荐(0)

公告