Vue基础学习笔记
邹呦呦_
学习,分享
展开
-
Vue学习【5】— Vuex超简单快速入门与使用
1.什么是Vuex? 官方解如下: Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。 它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 哈哈哈,看完一脸懵逼,简单来说,Vuex就是前台存储数据的一个仓库Store,组件需要的值可以从Store中存取。Vuex集中管理数据的状态。 2.Vuex在项目中的基本安装使用 第一步:安装Vuex...原创 2020-03-27 11:55:44 · 177 阅读 · 0 评论 -
Vue学习【4】— Vue组件的定义/组件之间如何传值
文章目录1.自定义组件1.1自定义全局组件1.2自定义局部组件2.组件间传值2.1父组件向子组件传值(props)2.2子组件向父组件传值($emit)2.3兄弟组件传值(bus)2.4 Vuex2.5 其他 1.自定义组件 1.1自定义全局组件 Vue.component('comName',{ data: function(){ return{ } ...原创 2020-03-12 17:48:46 · 126 阅读 · 0 评论 -
Vue学习【3】—— Vue生命周期和生命周期函数
什么是生命周期? Vue实例从创建到销毁的过程,叫做生命周期。 生命周期分为三个阶段:创建阶段、运行阶段、销毁阶段 什么是生命周期函数(钩子函数) 每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如,需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。 同时在这个过程中也会运行一些叫做生命周期钩子的函数 钩子函数有什么用 这给了用户在不同阶段添加...原创 2020-03-09 15:35:46 · 175 阅读 · 0 评论 -
Vue学习【2】—过滤器/按键修饰符/自定义指令
过滤器(Filter)&自定义过滤器 按键修饰符&自定义按键修饰符 自定义指令原创 2020-03-09 10:57:43 · 169 阅读 · 0 评论 -
Vue学习【1】— MVVM / 常用指令的使用
目录1.MVC与MVVM区别2.Vue基本代码结构3.Vue常用指令的使用4.事件修饰符5.Vue绑定样式的方式 1.MVC与MVVM区别 2.Vue基本代码结构 3.Vue常用指令的使用 4.事件修饰符 5.Vue绑定样式的方式 ...原创 2020-03-08 16:26:42 · 162 阅读 · 0 评论