python笔记(Vue 前后端分离小项目，Vuex:state,Mutation,actions)

原创 于 2019-04-01 21:44:50 发布 · 458 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#Vue

本文详细介绍ElementUI的安装及使用方法，并通过实例演示如何在Vue项目中集成ElementUI组件库，同时讲解了如何利用Vuex进行状态管理，包括state、mutation、action的基本用法及其在实际开发中的应用。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

ElenmentUI的使用
安装Elenment
引入Elenment
main.js

在这里插入图片描述

  1. 页面结构图
    在这里插入图片描述

  2. [生命周期]

    (https://cn.vuejs.org/v2/guide/instance.html#生命周期图示)

  3. 路由请求

    APP.vue
    在这里插入图片描述
    Vheader.vue
    在这里插入图片描述
    在这里插入图片描述
    切换路由
    在这里插入图片描述
    路由切换保持状态
    在这里插入图片描述

  4. Vuex

    main.js配置
    在这里插入图片描述

  5. vuex单独state的使用

    main.js 在这里插入图片描述
    APP.vue
    数据获取（自定义数据）
    在这里插入图片描述
    ajax请求数据
    在这里插入图片描述
    VnoteList.vue
    显示数据
    在这里插入图片描述
    VnoteItem.vue
    在这里插入图片描述
    Vmarked.vue
    提交数据
    在这里插入图片描述
    在这里插入图片描述
    获取值
    在这里插入图片描述
    提交到后端
    在这里插入图片描述

  6. mutation+state的使用

    main.js
    在这里插入图片描述

    获取数据在这里插入图片描述
    添加数据
    Vmark.vue
    在这里插入图片描述
    main.js
    在这里插入图片描述

  7. mutation+state+actions的使用(正规使用方法)
    Vmark.vue
    在这里插入图片描述

    main.js
    在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值