chevron_left

Vue 2 实践教程

免费
第 9.2 回

教程文档

Vue 2 实践教程 - 一个简单的例子

2023年11月13日
Vue 2 实践教程

一个简单的例子

最简单的store

修改src/store/index.js文件

import Vue from "vue";
import Vuex from "vuex";

Vue.use(Vuex);

export default new Vuex.Store({
  state: {
    count: 0
  },
  // 改变state的唯一途径就是显式地提交 (commit) mutation
  mutations: {
    increment: state => state.count++,
    decrement: state => state.count--
  },
  actions: {},
  modules: {}
});

修改src/views/Home.vue文件

<template>
  <!-- view -->
  <div id="home">
    <p>{{ count }}</p>
    <p>
      <butt...

课程介绍

Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。

目录

适合这样的人

新手