摘要: 原文链接:https://blog.csdn.net/weixin_45127981/article/details/90699150 Vue核心思想:数据驱动、组件化 一、数据驱动 传统的前端数据交互是用Ajax从服务端获取数据,然后操作DOM来改变视图;或者前端交互要改变数据时,又要再来一次上述 阅读全文
posted @ 2020-01-14 16:47 一抹夏忧☆ 阅读(1169) 评论(0) 推荐(0) 编辑
摘要: 转载:https://www.cnblogs.com/feng9exe/p/11017698.html Vue的核心思想为数据驱动和组件化。 一、数据驱动——双向绑定 Vue是一种MVVM框架。而DOM是数据的一个种自然映射。传统的模式是通过Ajax请求从model请求数据,然后手动的触发DOM传入 阅读全文
posted @ 2020-01-14 16:26 一抹夏忧☆ 阅读(379) 评论(0) 推荐(0) 编辑
摘要: 转载:https://segmentfault.com/a/1190000016281753 工作中经常会遇到这样的需求:1.购物车列表中勾选某些,点击任意一项,前往详情页,再返回购物车依旧需要呈现勾选状态2.勾选人员后,前往别的页面,再次返回,人员依旧程勾选状态3.等等.... 数据结构如下: / 阅读全文
posted @ 2020-01-14 16:19 一抹夏忧☆ 阅读(992) 评论(0) 推荐(0) 编辑
摘要: 转载:https://segmentfault.com/a/1190000012735168?utm_source=tag-newest 1.query方式传参和接收参数 传参: this.$router.push({ path:'/xxx', query:{ id:id } }) 接收参数: th 阅读全文
posted @ 2020-01-14 15:49 一抹夏忧☆ 阅读(4153) 评论(0) 推荐(0) 编辑
摘要: 转载:https://www.cnblogs.com/listen9436/p/10651132.html 1.query方式传参和接收参数 //路由 { path: '/detail', //这里不需要参入参数 name: "detail", component: detail//这个detail 阅读全文
posted @ 2020-01-14 14:54 一抹夏忧☆ 阅读(973) 评论(0) 推荐(1) 编辑
摘要: 一、计算属性computed 计算属性是基于它们的响应式依赖进行缓存的。只在相关响应式依赖发生改变时它们才会重新求值。多次访问计算属性会立即返回之前的计算结果,而不必再次执行函数。对比普通函数方式,每次访问都需要执行一遍函数。 计算属性默认只有 getter ,不过在需要时你也可以提供一个 sett 阅读全文
posted @ 2020-01-14 14:10 一抹夏忧☆ 阅读(239) 评论(0) 推荐(0) 编辑
摘要: 对于Vue 这类渐进式前端开发框架,为了构建SPA(单页面应用),需要引入前端路由系统,这也就是Vue-router存在的意义。前端路由的核心,就在于——— 改变视图的同时不会向后端发出请求。 一、为了达到这个目的,浏览器提供了以下两种支持: 1、hash ——即地址栏URL中的#符号(此hsah 阅读全文
posted @ 2020-01-14 11:48 一抹夏忧☆ 阅读(1809) 评论(0) 推荐(0) 编辑