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

网站建设公司前景百度指数怎么看

网站建设公司前景,百度指数怎么看,wordpress旋转文字,wordpress 值班功能实现组件全局(数据)管理的一种机制,可以方便的实现组件之间共享数据,不同于上述三种传递值的方式。 可以把vuex当成一个store仓库,可以集中管理共享的数据,并且存储在vuex中的数据都是响应式的&#xff0c…

实现组件全局(数据)管理的一种机制,可以方便的实现组件之间共享数据,不同于上述三种传递值的方式。

可以把vuex当成一个store仓库,可以集中管理共享的数据,并且存储在vuex中的数据都是响应式的,数据与页面同步。

一般情况下,只有组件之间共享的数据,才有必要存储到vuex中;对于组件中的私有数据,依旧存储在组件自身的data中。

注意:如果你使用的是HBuilderX,它已经内置了Vuex。如果你是使用npm或者yarn,可以通过以下命令安装:

安装vuex:
npm install vuex --save

1、创建Vuex的store:

在项目的src目录下创建一个store文件夹,然后在该文件夹中创建一个index.js文件,用于定义和配置Vuex store。

/* // 方式一import { createStore } from 'vuex';export default createStore({state() {return {count:0,// 定义一个名为 name 的状态//公共的变量,存储数据,这里的变量不能随便修改,只能通过触发mutations的方法才能改变};},mutations: {increment(state) {// 定义一个名为 increment 的修改状态方法state.count++;}//相当于同步的操作},actions: {increment({ commit }) {commit('increment');}//相当于异步的操作,不能直接改变state的值,只能通过触发mutations的方法才能改变},getters: {count: (state) => state.count},}); */
// 方式二 推荐
import Vuex from 'vuex';
import {LoginPostMethod} from '@/api/api.js';const store = new Vuex.Store({state: {count:0,// 定义一个名为 name 的状态resToken: '',// 定义token//公共的变量,存储数据,这里的变量不能随便修改,只能通过触发mutations的方法才能改变},mutations: {increment(state) { // 定义一个名为 increment 的修改状态方法state.count ++;},setToken(state,token){// 定义一个名为 setToken 的修改状态方法console.log("state",state);console.log("token",token);state.resToken = token.resToken;uni.setStorageSync('resToken', token.resToken);},setEmptyToken(state){// 定义一个名为 setEmptyToken 的修改状态方法console.log("emptyState",state);state.resToken = '';uni.setStorageSync('resToken', null);},//相当于同步的操作},actions: {// 网络请求async logIn(context,apyload){console.log("context",context);console.log("apyload",apyload);const res = await LoginPostMethod(apyload)console.log('执行成功',res)if(res.success){const token = {resToken: res.token,}// 设置tokencontext.commit('setToken', token)}// 返回值return res;},//相当于异步的操作,不能直接改变state的值,只能通过触发mutations的方法才能改变}})export default store

 

2、在main.js中引入store并使用:

3.使用

import store from '@/store/index.js';//需要引入store***
export default{data(){return{}},methods:{addCountMethod() { // 定义一个名为 addMethod 的增加 count 的方法// 修改状态方法store.commit('increment');// 获取 state 中的 count 值const curcount = store.state.count;console.log("curcount",curcount);}, setMethodOne(){// 直接调用/store/index.js mutations中定义的方法store.commit("setEmptyToken");},setMethodTwo(){// 调用/store/index.js 中logIn方法const result = await store.dispatch('logIn', res)},}
}

http://www.ds6.com.cn/news/1992.html

相关文章:

  • 东莞搜索优化重庆seo整站优化报价
  • 有个人做网站的最新舆情信息网
  • 网站建设之织梦后台熊掌号主页指数函数图像及性质
  • 网站如何做关键字收录搜索引擎营销特点
  • 专门做市场调查的网站如何建造自己的网站
  • 传奇游戏在线玩合肥seo排名收费
  • 专门做岛屿的网站网店运营培训
  • 建设类建设机械证官方网站专业网络推广公司
  • 公司网站开发设计网站转让出售
  • 做响应式网站哪家公司好百度seo
  • 化妆品商城网站建设策划方案百度推广哪种效果好
  • 西安高端网站建设首选企业seo如何优化
  • 个人摄影网站制作今日特大新闻
  • 团队网站怎么做怎么在百度上注册店铺
  • 哪些网站做任务好赚钱山东网站建设
  • 塘沽做网站公司新开店铺怎么做推广
  • 设计师常用的灵感网站东莞疫情最新通知
  • 联科网站建设湖北百度推广公司
  • 可以用AI做网站上的图吗南昌网站优化公司
  • 网站 前端 后端seo综合查询接口
  • 太仓seo网站优化软件网站设计公司排行榜
  • 网站建设宣传文案站长之家app下载
  • 做外贸网站外包外链网盘
  • bae做网站国内seo服务商
  • 佛山做网站需要多少钱google play
  • 餐饮招商加盟网站建设费用老铁外链工具
  • 相片制作图片石家庄百度seo代理
  • 何鹏seo哪里有整站优化
  • 哪些网站教你做美食的百度指数怎么刷指数方法
  • wordpress文章微信分享代码优化法治化营商环境