摘要:
ES介绍 ES全称 EcmaScript,是脚本语言的规范,而平时经常编写的JavaScript,是EcmaScript的一种实现,所以ES新特性其实指的就是JavaScript的新特性 为什么要学习新特性 1.语法简洁,功能丰富 2.框架开发应用 3.前端开发职位要求 ECMA是什么? ECMA 阅读全文
摘要:
常用Composition API 拉开序幕的setup 理解:Vue3.0中一个新的配置项,值为一个函数。 setup是所有Composition API(组合API)“表演的舞台”。 组件中所用到的:数据、方法等等,均要配置在setup中。 setup函数的两种返回值: 若返回一个对象,则对象中 阅读全文
摘要:
路由的简介 路由就是一组key-value的对应关系。 多个路由,需要经过路由器的管理。 vue-router的理解 为了实现SPA (single page web application)应用 vue的一个插件库,专门用来实现SPA应用 对SPA应用的理解 1.单页Web 应用(single p 阅读全文
摘要:
四个map方法的使用 **mapState方法:**用于帮助我们映射state中的数据为计算属性 computed: { //借助mapState生成计算属性: sum、school、subject(对象写法) ...mapState({sum:'sum',school:'school',subje 阅读全文
摘要:
getters的使用 1.概念:当state中的数据需要经过加工后再使用时,可以使用getters加工。 2.在store.js 中追加getters配置 ...... const getters = { bigSum(state){ return state.sum*10 } } //创建并暴露s 阅读全文
摘要:
vuex 概念 在vue中实现集中式状态(数据)管理的一个Vue插件,对vue应用中多个组件的共享状态进行集中式的管理(读/写),也是一种组件间通信的方式,且适用于任意组件间通信。 何时使用? 多个组件需要共享数据时 搭建vuex环境 创建:src/store/index.js //引入vue核心库 阅读全文
摘要:
插槽 1.作用:让父组件可以向子组件指定位置插入html结构,也是一种组件间通信的方式,适用于父组件 >子组件。 2.分类:默认插槽、具名插槽、作用域插槽 3.使用方式: 默认插槽: 父组件中: <category> <div>html结构1</div> </Category> 子组件中: <tem 阅读全文
摘要:
Vue封装的过渡与动画 1.作用:在插入、更新或移除DOM元素时,在合适的时候给元素添加样式类名。 2.图示: 3.写法: 准备好样式: 元素进入的样式: 1.**v-enter:**进入的起点 2.**v-enter-active:**进入过程中 3.**v-enter-to:**进入的终点 元素 阅读全文
摘要:
组件的自定义事件 1.一种组件间通信的方式,适用于:子组件 ==> 父组件 2.使用场景:A是父组件,B是子组件,B想给A传数据,那么就要在A中给B绑定自定义事件 (事件的回调在A中)。 3.绑定自定义事件: 1.第一种方式,在父组件中:<Demo @su="test"/>或<Demo v-on:s 阅读全文
摘要:
基本数据类型中的null和undefined的区别: null表示“没有对象”,该处不应该有值; undefined表示“缺少值”。该处应该有值,但是没有定义; 转为数值也不同,null转为数值为0,undefined转为数值NaN(不是一个数字); 什么时候会有null: 1、作为函数的参数,表示 阅读全文