首页 > 其他分享 >Vue脚手架中加入Vuex全局状态管理中间件

Vue脚手架中加入Vuex全局状态管理中间件

时间:2023-12-28 11:34:03浏览次数:23  
标签:Vue app 中间件 ts ignore state import Vuex

WebStorm创建Vite(Vue模版)项目后:
在main.ts中:

import {createApp} from 'vue'
// @ts-ignore
import {createStore} from 'vuex'
import './style.css'
// @ts-ignore
import App from './App.vue'

// @ts-ignore

const store = createStore({
    state() {
        return {
            count: 0
        }
    },
    mutations: {
        // @ts-ignore
        increment(state) {
            state.count++
        }
    }
})

let app = createApp(App);
app.mount('#app');
app.use(store)

vuex应该是自带的,没有的话进行安装
https://vuex.vuejs.org/zh/installation.html

标签:Vue,app,中间件,ts,ignore,state,import,Vuex
From: https://www.cnblogs.com/ukzq/p/17932345.html

相关文章

  • vue2中 watch和computed的区别
    计算属性(Computed):computed是基于依赖关系进行缓存的。只有当相关的响应式依赖发生改变时,才会重新求值。适合于执行更复杂的数据操作。computed属性是计算出来的,不会对原始数据造成任何副作用。computed属性可以具有setter和getter方法,可以更灵活地控制数据的操作。......
  • 使用命令行创建vue3+Typescript的uni-app
    目录创建项目扩展组件uni-ui安装配置easycom安装pinia报vue.hasInjectionContextisnotafunction更具该文档创建好的模板:GitHub仓库地址,克隆下来安装依赖即可创建项目官方文档--创建uni-app以创建vue3+Typescript工程为例,使用下列命令行:#网络不好的话会创建失败,可以前往......
  • vue插件
    介绍​插件(Plugins)是一种能为Vue添加全局功能的工具代码。下面是如何安装一个插件的示例import{createApp}from'vue'constapp=createApp({})app.use(myPlugin,{/*可选的选项*/})一个插件可以是一个拥有install()方法的对象,也可以直接是一个安装函......
  • uni-app和Vue.js有什么区别?
    Hello,大家好,我是咕噜铁蛋!在当今的前端开发领域,uni-app和Vue.js都是非常热门的技术。很多开发者经常在选择时感到困惑。今天铁蛋这篇文章讲和大家探讨这两者的区别,帮助各位在开发路上做出明智的选择。1.uni-app是一个使用Vue.js开发所有前端应用的框架,支持一次编译多端运行。开发者......
  • vue2 自定义插件
    自定义插件的基本使用:letMyPlugin={};MyPlugin.install=function(Vue,options){//1.添加全局方法或propertyVue.myGlobalMethod=function(){//逻辑...}//2.添加全局资源Vue.directive('my-directive',{bind(el,binding,vnode,......
  • vue项目中使用tinymce富文本编辑器实现图片上传/粘贴格式
    前言最近因为公司项目的后台管理端需要实现编辑器功能,一方面满足编辑各类文章内容需求,另一方面要自己编辑一些课程相关的介绍,于是就花了一些时间对比体验现有的一些开源的编辑器。编辑器之间的简单比较UEditor:基本满足各种需求,依赖于jquery但是已经不再维护了,实现上传图片等需......
  • 海康威视WebSDK_V3.3.0 集成vue2项目避坑+解决方案
    最近新需求项目集成WebSDK_V3.3.0的视频插件,开发过程中遇到了一些问题,如下:无法正确引入插件/InitPlugin报错使用文档中写的I_DestroyPlugin报错并且再次Init插件后无法正常播放,报错如下:如果你也有类似问题请往下看首先开发包如下:1.无法正确引入插件/InitPlugin报错首......
  • vue2学习按钮点击(转载)
    Vue2学习笔记:v-on Vue的事件:v-on:click/mouseover/mouseover/mousedown/dbclick/...下面是点击事件介绍: 1.点击事件<!DOCTYPEhtml><html><head><title></title><metacharset="utf-8"><scriptsrc="http:......
  • Vue-Cli脚手架
    1.搭建Vue-Cli脚手架1.1.安装npmNPM(nodepackagemanager)是随同node.js一起安装的包管理工具,能解决前端代码部署上的很多问题,常见的使用场景有以下几种:允许用户从NPM服务器下载别人编写的第三方包到本地使用。允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用......
  • vite+vue3 打包后页面空白现象
    使用vite打包之后运行index.html空白,打开控制台发现报错:解决方法:在vite.config中加入:publicPath:'./',这是vite.config中的结构: exportdefaultdefineConfig({publicPath:'./',lintOnSave:false,transpileDependencies:true,plugins:[......