import{_ as a,ad as e,aN as s,aG as o,$ as t,p as l,w as n,i as c,o as r,f as d,B as _,k as u,C as f,R as g}from"./index-2PZN6pGH.js";const p=a({data:()=>({}),computed:{...e(["colorIndex","colorList"]),...s(["currentColor"])},methods:{...o(["setColorIndex"]),emitMsg(){t("postMsg",{msg:"From: Vue Page"})}}},[["render",function(a,e,s,o,t,p){const x=f,i=c,m=g;return r(),l(i,{class:"root"},{default:n((()=>[d(i,{class:"page-body"},{default:n((()=>[d(i,{class:"new-page__color",onClick:e[0]||(e[0]=e=>a.setColorIndex(a.colorIndex>1?0:a.colorIndex+1)),style:_({backgroundColor:a.currentColor})},{default:n((()=>[d(x,{class:"new-page__color-text"},{default:n((()=>[u("点击改变颜色")])),_:1})])),_:1},8,["style"]),d(i,{class:"new-page__text-box"},{default:n((()=>[d(x,{class:"new-page__text"},{default:n((()=>[u("点击上方色块使用vuex在页面之间进行通讯")])),_:1})])),_:1}),d(i,{class:"new-page__button"},{default:n((()=>[d(m,{class:"new-page__button-item",onClick:p.emitMsg},{default:n((()=>[u("向上一页面传递数据")])),_:1},8,["onClick"])])),_:1})])),_:1})])),_:1})}],["__scopeId","data-v-aa1f8761"]]);export{p as default};
