leiyanting

导航

 
上一页 1 ··· 4 5 6 7 8 9 10 11 12 ··· 48 下一页

2021年11月21日

摘要: 路由 理解: 一个路由(route)就是一组映射关系(key - value),多个路由需要路由器(router)进行管理。 前端路由:key是路径,value是组件。 1.基本使用 安装vue-router,命令:npm i vue-router 应用插件:Vue.use(VueRouter) 编 阅读全文
posted @ 2021-11-21 20:09 leiyanting 阅读(47) 评论(0) 推荐(0) 编辑
 
摘要: 模块化+命名空间 目的:让代码更好维护,让多种数据分类更加明确。 修改store.js const countAbout = { namespaced:true,//开启命名空间 state:{x:1}, mutations: { ... }, actions: { ... }, getters: 阅读全文
posted @ 2021-11-21 17:40 leiyanting 阅读(135) 评论(0) 推荐(0) 编辑
 
摘要: 6.四个map方法的使用 引入方式 import {mapState,mapGetters,mapMutations,mapActions} from 'vuex' mapState方法:用于帮助我们映射state中的数据为计算属性 computed: { //借助mapState生成计算属性:su 阅读全文
posted @ 2021-11-21 14:10 leiyanting 阅读(322) 评论(0) 推荐(0) 编辑
 
摘要: getters的使用 概念:当state中的数据需要经过加工后再使用时,可以使用getters加工。 在store.js中追加getters配置 ...... const getters = { bigSum(state){ return state.sum * 10 } } //创建并暴露stor 阅读全文
posted @ 2021-11-21 10:40 leiyanting 阅读(176) 评论(0) 推荐(0) 编辑
 
摘要: 1. TAB键位生成自定义标签 "emmet.triggerExpansionOnTab": true 2.自动补全括号 "editor.autoClosingBrackets": true 阅读全文
posted @ 2021-11-21 10:34 leiyanting 阅读(37) 评论(0) 推荐(0) 编辑
 
摘要: Vuex 1.概念 ​ 在Vue中实现集中式状态(数据)管理的一个Vue插件,对vue应用中多个组件的共享状态进行集中式的管理(读/写),也是一种组件间通信的方式,且适用于任意组件间通信。 2.何时使用? ​ 多个组件需要共享数据时 3.搭建vuex环境 创建文件:src/store/index.j 阅读全文
posted @ 2021-11-21 10:25 leiyanting 阅读(54) 评论(0) 推荐(0) 编辑
 

2021年11月20日

摘要: 插槽 作用:让父组件可以向子组件指定位置插入html结构,也是一种组件间通信的方式,适用于 父组件 > 子组件 。 分类:默认插槽、具名插槽、作用域插槽 使用方式: 默认插槽: 父组件中: <Category> <div>html结构1</div> </Category> 子组件中: <templa 阅读全文
posted @ 2021-11-20 19:49 leiyanting 阅读(256) 评论(0) 推荐(0) 编辑
 
摘要: vue脚手架配置代理 方法一 ​ 在vue.config.js中添加如下配置: devServer:{ proxy:"http://localhost:5000" } 说明: 优点:配置简单,请求资源时直接发给前端(8080)即可。 缺点:不能配置多个代理,不能灵活的控制请求是否走代理。 工作方式: 阅读全文
posted @ 2021-11-20 11:18 leiyanting 阅读(231) 评论(0) 推荐(0) 编辑
 
摘要: Vue封装的过度与动画 作用:在插入、更新或移除 DOM元素时,在合适的时候给元素添加样式类名。 写法: 准备好样式: 元素进入的样式: v-enter:进入的起点 v-enter-active:进入过程中 v-enter-to:进入的终点 元素离开的样式: v-leave:离开的起点 v-leav 阅读全文
posted @ 2021-11-20 10:12 leiyanting 阅读(39) 评论(0) 推荐(0) 编辑
 

2021年11月19日

摘要: nextTick 语法:this.$nextTick(回调函数) 作用:在下一次 DOM 更新结束后执行其指定的回调。 什么时候用:当改变数据后,要基于更新后的新DOM进行某些操作时,要在nextTick所指定的回调函数中执行。 //编辑 handleEdit(todo){ if(todo.hasO 阅读全文
posted @ 2021-11-19 19:51 leiyanting 阅读(307) 评论(0) 推荐(0) 编辑
 
上一页 1 ··· 4 5 6 7 8 9 10 11 12 ··· 48 下一页