随笔分类 -  Vue

上一页 1 2 3 4
vue基于组件实现简单的todolist
摘要：把todolist拆分为header、footer、list三个模块 index文件 header.js文件 list.js文件 footer.js文件 阅读全文
posted @ 2019-02-10 17:52 紫诺花开 阅读(904) 评论(0) 推荐(0)
vue生命周期
摘要：vue的生命周期就是一个vue组件或实例从出生到销毁的过程 所有生命周期钩子的this上下文指向他的vue实例 vue有8个生命周期函数，分别是beforeCreate，created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy、de 阅读全文
posted @ 2019-02-08 15:57 紫诺花开 阅读(647) 评论(0) 推荐(0)
vue 组件数据传递
摘要：vue组件化开发 主要为了把一个大功能拆分成若干个小的功能，解决高耦合问题，同时也方便开发人员维护。 从功能上组件可以分为木偶组件和功能组件。 木偶组件（为了接收数据，渲染数据，基本上是没有逻辑的，越往下越木偶） 功能组件（更多是控制数据，有大量的逻辑，越往顶层越功能） 组件化开发的优势： 1、提高 阅读全文
posted @ 2019-02-07 23:45 紫诺花开 阅读(422) 评论(0) 推荐(0)
vue中computed和watch
摘要：computed 计算属性 能够监听vue数据上的变化，页面上来就执行一次，每改变一次数据就又触发。在操作数据的时候，会派生出另一个事情 1、函数形式 computed:{ listenArr(){ /* 使用data中数据，自动帮你监听数据的变化 返回的结果就是通过改变数据 做的另一件事情（当数据 阅读全文
posted @ 2019-02-06 16:06 紫诺花开 阅读(3600) 评论(0) 推荐(1)
vue实现商品累计效果
摘要：vue实现商品累计需要以下几点 1.添加商品 2.选中 3.删除功能 4.总计功能 1.添加商品 2.选中 3.删除功能 4.总计功能 阅读全文
posted @ 2019-01-31 23:51 紫诺花开 阅读(929) 评论(0) 推荐(0)
vue常用指令
摘要：1、v-if系列 v-if="数据|判断" 只要条件成立，就显示if中的元素 v-else （注意:必须跟在v-if或者v-if-else的后面，不然失效） 如果if条件不成立显示当前的元素 v-else-if 要紧跟v-if v-if="数据|判断" 只要条件成立，就显示if中的元素 v-else 阅读全文
posted @ 2019-01-30 22:17 紫诺花开 阅读(269) 评论(0) 推荐(0)
vue实现简单的全选、反选、不选
摘要：Document 喜欢的城市 {{item.city}} 全选 反选 全不选 阅读全文
posted @ 2019-01-30 21:31 紫诺花开 阅读(2582) 评论(0) 推荐(0)
vue-if与vue-show的区别
摘要：两者都是动态显示DOM元素 不同点： 1、使用方式 v-if是根据后面数据的真假，来判断DOM的添加删除等操作 v-show只是在修改元素的css样式（display属性值） 2、实现过程 v-if切换有一个局部编译/卸载的过程，切换过程中合适地销毁和重建内部的事件监听和子组件； v-show只是简 阅读全文
posted @ 2019-01-29 14:33 紫诺花开 阅读(5343) 评论(0) 推荐(1)
vue中$mount与el区别
摘要：vue中的$mount和el两者在使用中没有什么区别，都是将实例化后的vue挂载到指定的DOM元素中 用法： 如果在实例化vue时指定el，则该vue将会渲染在el对应的DOM中 反之 没有指定el，则vue实例会处于一种“未挂载”的状态，此时通过$mount来手动执行挂载 new vue时候$mo 阅读全文
posted @ 2019-01-20 19:32 紫诺花开 阅读(5503) 评论(0) 推荐(0)
vue实现一个简单的选项卡
摘要：用vue来实现一个小的选项卡切换，比之前要简单、方便很多。 阅读全文
posted @ 2018-12-29 23:37 紫诺花开 阅读(7425) 评论(0) 推荐(0)
vue常用UI组件
摘要：Mint UI 项目主页:http://mint-ui.github.io/#!/zh-cn demo:http://elemefe.github.io/mint-ui/#/ github地址:https://github.com/ElemeFE/mint-ui 中文文档地址:http://mint-ui.github.io/docs/#!/zh-cn iview iView 配套的工作流:h... 阅读全文
posted @ 2018-11-15 17:14 紫诺花开 阅读(485) 评论(0) 推荐(0)

上一页 1 2 3 4