-
Vue 2.x – Vuex插件的使用
1.概念 在Vue中实现集中式状态(数据)管理的一个Vue插件,对vue应用中多个组件的共享状态进行集中式的管理(读/写),也是一种组件间通信的方式,且……
Ne-21 2021-08-27399 0 0 -
Vue 2.x – 插槽
插槽 作用:让父组件可以向子组件指定位置插入html结构,也是一种组件间通信的方式,适用于 父组件 ===> 子组件 。 分类:默认插槽、具名插槽、作用域……
Ne-21 2021-08-26359 0 0 -
Vue 2.x – Github小案例
项目结构 ├── node_modules ├── public │ ├── favicon.ico │ ├── css │ │ └── bootstrap.css │ └── index.html ├── src │ ├── assets │ │ └─……
Ne-21 2021-08-26389 0 0 -
Vue 2.x – vue脚手架配置代理
vue脚手架配置代理 方法一 在vue.config.js中添加如下配置: devServer:{ proxy:"http://localhost:5000" } 说明: 优点:配置简单,请求资……
Ne-21 2021-08-26352 0 0 -
Vue 2.x – TodoList案例优化(动画与过度)
Vue封装的过度与动画 作用:在插入、更新或移除 DOM元素时,在合适的时候给元素添加样式类名。 图示: 写法: 准备好样式: 元素进入的样式: v-ent……
Ne-21 2021-08-26397 0 0 -
Vue 2.x – TodoList案例优化(编辑和$nextTick)
nextTick 语法:this.$nextTick(回调函数) 作用:在下一次 DOM 更新结束后执行其指定的回调。 什么时候用:当改变数据后,要基于更新后的新DOM进行某些操作时……
Ne-21 2021-08-25382 0 0 -
Vue 2.x – TodoList案例优化(消息订阅与发布)
消息订阅与发布(pubsub) 一种组件间通信的方式,适用于任意组件间通信。 使用步骤: 安装pubsub:npm i pubsub-js 引入: import pubsub from '……
Ne-21 2021-08-25386 0 0 -
Vue 2.x – TodoList案例优化(全局事件总线)
全局事件总线(GlobalEventBus) 一种组件间通信的方式,适用于任意组件间通信。 安装全局事件总线: new Vue({ ...... beforeCreate() { Vue.prototy……
Ne-21 2021-08-25396 0 0 -
Vue 2.x – TodoList案例优化(组件自定义事件)
组件的自定义事件 一种组件间通信的方式,适用于:子组件 ===> 父组件 使用场景:A是父组件,B是子组件,B想给A传数据,那么就要在A中给B绑定自定义事……
Ne-21 2021-08-25398 0 0 -
Vue 2.x – TodoList案例优化(本地存储)
webStorage 存储内容大小一般支持5MB左右(不同浏览器可能还不一样) 浏览器端通过 Window.sessionStorage 和 Window.localStorage 属性来实现本地存储机……
Ne-21 2021-08-24390 0 0