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