![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web前端
donggejia_de_daxiong
这个作者很懒,什么都没留下…
展开
-
MVVM模式
现如今,很多知名的前端框架都使用了MVVM模式,比如vue.js、angular等。MVVM模式是由经典的软件架构MVC衍生来的,当view(视图)层发生变化时,会自动更新ViewModel(视图模型),反之亦然。 MVVM框架下,视图和数据是不能直接通信的,它们通过ViewModel来通信。ViewModel通常要实现一个observer(通信观察者),当数据发生变化时,ViewMode...原创 2018-12-06 16:11:46 · 305 阅读 · 0 评论 -
vue.js表单与单选按钮
最近看到《vue.js实战》这本书中关于表单和v-model指令的部分,里面有这么一段话:单选按钮在单独使用时,不需要v-model,直接使用v-bind绑定一个布尔类型的值,为真时选中,为假时不选。<div class="app"> <input type="radio" :checked="picked" /> <label>单选按..原创 2018-12-14 11:31:40 · 3414 阅读 · 0 评论 -
如何用图片代替多选、单选按钮
在前端开发过程中,对于单选、多选按钮,遇到的问题大致有如下两个:第一,对于类似于单选多选答题,更希望能够实现点击选项也能够使得按钮选中,这得如何实现呢?第二,默认的单选、多选按钮颜值是真得很low啊,可否进行微整呢?一、实现点击选项选中按钮选中有两种方式:1、将label标签把选框和文本一起包围 <label> <input type="chec...原创 2018-12-19 10:53:34 · 3178 阅读 · 0 评论 -
vue.js学习——计算属性
一、为什么会有计算属性在vue项目中遇到这样的情况,绑定的表达式需要经过复杂的逻辑,而这个表达式依赖于当前vue实例的数据属性,这个时候用计算属性,从而变的更清晰。<div id="app"> <p> {{ reversedText}}</p></div> <script>var vm = new Vue({ e...原创 2018-12-25 16:28:41 · 184 阅读 · 0 评论