沐颖汐-CSDN博客

原创 Vue的生命周期

Vue的生命周期创建Vue对象执行beforeCreate事件钩子(data,el:undefined)开始监控Data对象数据变化Vue内部初始化事件执行created事件钩子，此时可以做一些ajax操作(data:value,el:undefined)判断是否有el模板判断是否有template模板el转为template，template直接编译到render函数中渲染成模板，生成html开始执行beforeMount事件钩子，此时还没有将html放在页面上(data:value,

2021-03-01 19:06:52 309 4

原创 4.Vuex -- Action

4. Vuex – ActionActionAction 用于处理异步任务如果需要通过异步方式变更状态，必须通过 Action ，而不能使用 Mutation ，但是在 Action 中还是需要通过 Mutation 的方式间接变更状态const store = new Vuex.Store({ state: { 状态名称:值, ... }, mutations: { 事件名 (state, [参数...]) { // 变更状态 state

2021-02-28 22:23:11 123

原创 3.Vuex -- Mutation

3. Vuex – MutationMutationMutation 用于变更 Store 中的状态只能通过 mutation 变更 store 中的状态，不可以直接操作 store 中的状态通过这种方式操作虽然很繁琐，但是可以监控状态的变化无法执行异步操作const store = new Vuex.Store({ state: { 状态名称:值, ... }, mutations: { 事件名 (state, [参数...]) { // 变

2021-02-28 22:22:17 192

原创 2.Vuex -- Getter

2. Vuex – GetterGetterGetter 用于对 Store 中的状态进行加工处理形成新的状态Getter 可以对 Store 中已有的状态加工处理之后形成新的状态，类似Vue的计算属性Store 中的状态发生变化， Getter 的状态也会跟着变化const store = new Vuex.Store({ state: { 状态名称:值, ... }, getters: { 名称: state => { // 包装 St

2021-02-28 22:21:43 95

原创 1.Vuex -- State

1. Vuex – StateStateState 提供唯一的公共数据源，所有共享的状态都要统一放到 Store 的 State 中进行存储const store = new Vuex.Store({ state: { 共享的状态名称:值, ... }})访问方式一this.$store.state.共享的状态名称访问方式二// 1. 从 vuex 中按需导入 mapState 函数import { mapState } from 'vuex'// 2

2021-02-28 22:21:14 66

原创 0.Vuex

0. VuexVuex 是什么？Vuex是实现组件全局状态（数据）管理的一种机制，可以方便的实现组件之间数据的共享。Vuex 统一管理状态的好处是什么？能够在Vuex中集中管理共享的数据，便于开发和维护高效地实现组件之间的数据共享，提高开发效率存储在Vuex中的数据都是响应式的，能够保持数据与页面的同步Vuex 的基本使用1. 安装 Vuex 依赖包npm install vuex -savenpm i vuex -S2. 导入 Vuex 包store.js 文件中impor

2021-02-28 22:19:48 78

原创 Git下载安装

Git下载和安装–WindowsGit下载最下面有最新版的Git，根据操作系统选择32位或者64位的.exe安装程序下载Git安装基本选择默认选项检验桌面右键可以看到Git Bash Here说明已经安装成功，点击运行输入git可以看到相关命令说明运行环境没有问题...

2021-02-28 14:41:35 122

原创 “[Deprecation] ‘window.webkitStorageInfo‘ is deprecated.” 问题

问题[Deprecation] ‘window.webkitStorageInfo’ is deprecated. Please use ‘navigator.webkitTemporaryStorage’ or ‘navigator.webkitPersistentStorage’ instead.这个问题的意思大致是：[反对] ‘window.webkitStorageInfo’ 已经弃用。请使用’navigator.webkitTemporaryStorage’或者’navigator.webk

2021-02-25 16:33:28 15727 1

沐颖汐

原创 Vue的生命周期

原创 4.Vuex -- Action

原创 3.Vuex -- Mutation

原创 2.Vuex -- Getter

原创 1.Vuex -- State

原创 0.Vuex

原创 Git下载安装

原创 “[Deprecation] ‘window.webkitStorageInfo‘ is deprecated.” 问题

原创使用IDEA创建WEB项目和配置Tomcat过程--图文教程

原创关于Oracle的SP2-0640无法连接问题的解决

原创 CSS--文档流(Normal Flow)

原创 01-Git命令--仓库

原创 02-Git命令--Git

空空如也

空空如也