摘要:
把todolist拆分为header、footer、list三个模块 index文件 header.js文件 list.js文件 footer.js文件 阅读全文
摘要:
vue的生命周期就是一个vue组件或实例从出生到销毁的过程 所有生命周期钩子的this上下文指向他的vue实例 vue有8个生命周期函数,分别是beforeCreate,created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy、de 阅读全文
摘要:
vue组件化开发 主要为了把一个大功能拆分成若干个小的功能,解决高耦合问题,同时也方便开发人员维护。 从功能上组件可以分为木偶组件和功能组件。 木偶组件(为了接收数据,渲染数据,基本上是没有逻辑的,越往下越木偶) 功能组件(更多是控制数据,有大量的逻辑,越往顶层越功能) 组件化开发的优势: 1、提高 阅读全文
摘要:
computed 计算属性 能够监听vue数据上的变化,页面上来就执行一次,每改变一次数据就又触发。在操作数据的时候,会派生出另一个事情 1、函数形式 computed:{ listenArr(){ /* 使用data中数据,自动帮你监听数据的变化 返回的结果就是通过改变数据 做的另一件事情(当数据 阅读全文
摘要:
vue实现商品累计需要以下几点 1.添加商品 2.选中 3.删除功能 4.总计功能 1.添加商品 2.选中 3.删除功能 4.总计功能 阅读全文
摘要:
1、v-if系列 v-if="数据|判断" 只要条件成立,就显示if中的元素 v-else (注意:必须跟在v-if或者v-if-else的后面,不然失效) 如果if条件不成立显示当前的元素 v-else-if 要紧跟v-if v-if="数据|判断" 只要条件成立,就显示if中的元素 v-else 阅读全文
摘要:
Document 喜欢的城市 {{item.city}} 全选 反选 全不选 阅读全文
摘要:
两者都是动态显示DOM元素 不同点: 1、使用方式 v-if是根据后面数据的真假,来判断DOM的添加删除等操作 v-show只是在修改元素的css样式(display属性值) 2、实现过程 v-if切换有一个局部编译/卸载的过程,切换过程中合适地销毁和重建内部的事件监听和子组件; v-show只是简 阅读全文