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