Vuex第一个例子

最新推荐文章于 2023-09-28 00:29:44 发布

踏浪

最新推荐文章于 2023-09-28 00:29:44 发布

阅读量296

点赞数

CC 4.0 BY-SA版权

分类专栏： vuex vue 文章标签： vuex调试工具 vuex第一个例子 vuedevtools工具使用

本文链接：https://blog.csdn.net/u010559460/article/details/107034235

vue 同时被 2 个专栏收录

42 篇文章

订阅专栏

vuex

4 篇文章

订阅专栏

1、项目代码

2、使用与调试

3、总结

1、项目代码

新建 demo04 文件夹 -》在文件夹下创建 index.html 内容如下:

<!DOCTYPE html>
<html lang="zh_CN">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Vuex 第一个例子</title>
  <!-- 1. 引入 vue 和 vuex -->
  <script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.11/vue.js"></script>
  <script src="https://cdn.bootcdn.net/ajax/libs/vuex/3.1.3/vuex.js"></script>
</head>
<body>
  <script>
    // 2. 创建 store
    const store = new Vuex.Store({
      state: {
        count: 0
      },
      mutations: {
        increment(state) {
          state.count++
        }
      }
    })
  </script>
</body>
</html>