Vue
C大大
这个作者很懒,什么都没留下…
展开
-
15-Vuex基础
Vue之vuex状态管理Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。这个Vuex包含以下几个属性部分:Action:和mutation的功能大致相同State:vuex的基本数据,用来存储变量Mutation:提交更新数据的方法,必须是同步的(如果需要异步使用action)。每个 mutation 都有一个字符串 的 事件类型 (type) 和 一个...原创 2019-12-18 11:05:19 · 114 阅读 · 0 评论 -
16-Vue之混入mixins(非完整版)
Vue之混入mixins(非完整版)一、mixins基础介绍(不使用cli版本)1.首先我们看一下vue官网对mixin的介绍:混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。这里先列出一个小小的栗子我们来看一下<!DOCTYPE html...原创 2019-12-17 09:21:40 · 174 阅读 · 0 评论 -
简单的同级父子组件通信实现listItem
紧接着我们上一笔记,这里我们来讲一下简单的父子组件问题,不过这里是同级内的我们来实现一个在输入框中输入内容,点击提交则将其展示在页面列表中,点击Item列表中的内容,则将其删除。前一部分是父组件向子组件通信,后一部分是子组件向父组件通信。<!DOCTYPE html><html lang="en"><head> <meta charset=...原创 2019-03-20 08:29:07 · 164 阅读 · 0 评论 -
vue组件化开发改造List Item
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...原创 2019-03-19 20:54:46 · 1316 阅读 · 0 评论 -
Vue的生命周期钩子函数
Vue的生命周期钩子生命周期函数就是vue实例在某一时间点会自动执行的函数Vue生命周期图示我们首先来看前面4个beforeCreatecreatedbeforeMountmounted这是我们的效果图,后面我会再贴出全部函数的代码<!DOCTYPE html><html lang="en"><head> &...原创 2019-03-21 12:26:30 · 155 阅读 · 0 评论