VUE
文章平均质量分 91
€雁&痕
这个作者很懒,什么都没留下…
展开
-
前端路由VueRouter
路由学习笔记 发展 后端渲染(后端路由)------前后端分离(比如jquery开发模式)------单页面富应用阶段(SPA页面)(前端路由) 前端路由:存储着url与页面的映射关系,即与组件的映射关系(一个页面就是一个大组件) 改变url但不需要页面刷新,即不用向浏览器重新请求的两个方法 改变哈希值:location.hash = ‘自定义’ 通过history对象: history.pushState({ }, ’ ‘, ’ 自定义’) //入栈 history.back() //出栈原创 2020-10-28 00:54:52 · 135 阅读 · 0 评论 -
父子组件通信
父子组件通信 1.父组件 —> 子组件 通过props(properties缩写)通信 两种方式:数组和对象(常用对象方式)原创 2020-10-24 11:29:25 · 88 阅读 · 0 评论 -
vue基础语法
vue基础语法<二> 利用v-标签实现小案例 购物车案例: <style> table { border-collapse: collapse; } td, th { border: 1px solid #c7c2c2; } </style> </head> <body> <div id="shop-cart"> <div v-if="books.length">原创 2020-10-23 17:08:17 · 76 阅读 · 0 评论 -
三个高阶函数
三个高阶函数 filter:过滤(回调函数中必须返回一个boolean值) list.filter(function (n) { return boolen; }) map:映射(返回的值会作为新变量的值) list.map(function (n) { return number; }) reduce:(对数组中的所有内容进行汇总) list.reduce(function (preValue, n) { return 前一个数据与现数据操作; }, 0) //0是作为第一次遍历是preValue的值原创 2020-10-23 16:54:41 · 120 阅读 · 0 评论 -
vue基础语法
vue基础语法 v-bind:动态绑定(语法糖写法 :) 动态绑定src - - - v-bind: src=“值” (:src=“值”) 动态绑定class - - - v-bind:class=“类名: boolean” (:class=“类名: boolean”) 动态绑定style - - - v-bind:style="属性: ‘值’ " (:style="属性:‘值’ ") ...原创 2020-10-23 13:13:37 · 120 阅读 · 0 评论