高端品牌网站建设兴田德润可信赖,湖南易图做推广送网站,南京网站建设排名,手机开发公司新命令-创建vue3项目 vue create 方式使用脚手架创建项目#xff0c;vue cli处理#xff0c; vue3后新的脚手架工具create-vue 使用npm init vuelatest 命令创建即可。 在pinia中#xff0c;将使用的组合式函数识别为状态管理内容 自动将ref 识别为stste,computed 相当于 ge…新命令-创建vue3项目 vue create 方式使用脚手架创建项目vue cli处理 vue3后新的脚手架工具create-vue 使用npm init vuelatest 命令创建即可。 在pinia中将使用的组合式函数识别为状态管理内容 自动将ref 识别为stste,computed 相当于 getters,function 相当于 actions export const useCounterStore defineStore(counter, () {const count ref(10)const doubleCount computed(() count.value * 2)function increment() {count.value}return { count, doubleCount, increment } //导出的数据
})在vue里面直接引入使用使用
script setupimport {useCounterStore} from ../stores/counter// useCounterStore是引入defineStore的结构需要执行 调用并赋值保存直接使用。const countStoreuseCounterStore()
/script
templatediv classabouth1count:{{ countStore.count }}/h1h12*count:{{ countStore.doubleCount }}/h1/div
/template
