当前位置: 首页 > news >正文

wdcp wordpress 502网站优化技巧

wdcp wordpress 502,网站优化技巧,简约好看的网站模板,做系统之前的网站文章目录 一、state是什么?二、state状态的作用三、如何使用store数据呢?使用数据的两种方式:1. 通过store 直接访问2. 通过辅助函数访问(简化) 一、state是什么? state是状态(数据) , 类似于v…

文章目录

    • 一、state是什么?
    • 二、state状态的作用
    • 三、如何使用store数据呢?
      • 使用数据的两种方式:
          • 1. 通过store 直接访问
          • 2. 通过辅助函数访问(简化)

一、state是什么?

state是状态(数据) , 类似于vue组件中的data

区别:

  1. data :是组件自己的数据
  2. state:是所有组件共享的数据

二、state状态的作用

  • State提供唯一的公共数据源,所有共享的数据都要统一放到Store中的State中存储。
  • 在state对象中可以添加我们要共享的数据。

明确如何给仓库 提供 数据,如何 使用 仓库的数据

三、如何使用store数据呢?

首先我们需要在store文件夹中的 index.js
文件中添加数据:

const store = new Vuex.Store({// 通过state 可以提供数据 (所有组件共享的数据)state: {title: '大标题',count: 100}
})

使用数据的两种方式:

  1. 通过store 直接访问
  2. 通过辅助函数

1. 通过store 直接访问

先找仓库store → 查看状态 state → 使用数据`

在模板中使用vuex数据:{{ $store.state.count}}

在组件逻辑中使用vuex数据:this.$store.state.count

在js中使用vuex数据:store.state.count

  • 三种使用的方式,有些不需要this,有些没有不支持this,需要注意

2. 通过辅助函数访问(简化)

在这里插入图片描述

  1. 先导入 mapState函数

import {mapState} from ‘vuex’

  1. 使用computed计算属性快速映射仓库中的状态
  computed: {...mapState(['count', 'title'])}
  1. 就可以直接使用了

从vuex中获取的值:<label>{{ count }}</label>

http://www.ritt.cn/news/19542.html

相关文章:

  • 手机网站相册代码站长工具网址查询
  • 做网站真实收益百度搜索指数的数据来源
  • 网站推广的基本方式百度seo外链推广教程
  • 大理 网站建设有效获客的六大渠道
  • 长沙网站制作品牌企业营销策划案例
  • 品牌建设归哪个部门管seo建站是什么意思
  • 网站制作要学哪些怎样建立一个网站
  • 淘宝客网站备案号营销策略手段有哪些
  • 网站做防御浙江网站建设平台
  • 找人做销售网站网页设计教程
  • 陕西富通建设有限公司网站引擎网站
  • 广州手机网站建设哪家好今天最新的新闻头条
  • wordpress如何添加主题seo课培训
  • 东莞市官网网站建设企业搜索引擎优化的目的是对用户友好
  • 自己做免费网站的流程百度推广电话号码
  • 页面简单的网站做市场推广应该掌握什么技巧
  • 网站建设的文章苏州关键词优化排名推广
  • 长沙做网站品牌推广案例
  • 广南网站制作北大青鸟
  • 巩义做网站优化百度关键词批量看排名工具
  • 网站首页标题设置日照高端网站建设
  • 网站建设实训报告册seo营销培训咨询
  • 建立企业门户网站建设网络营销带来的效果
  • 企业建设网站目的发布软文的平台
  • 网站外包 博客百度推广竞价排名
  • 厦门网站建设哪家好厦门最好的网站建设程序员培训机构排名
  • 网站详情页怎么做的谷歌搜索官网
  • 哪些网站可以找到做海报的素材附近的成人电脑培训班
  • 淄博营销网站建设武汉建站公司
  • wordpress配置七牛云cdnseo比较好的优化方法