根实例

作者: 嗯哼_3395 | 来源:发表于2018-07-07 16:10 被阅读0次
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script src="vue.js"></script>
    <script src="vuex.js"></script>
</head>
<body>
    <div id="box">
        <button @click="add">{{$store.state.count}}</button>
    </div>
</body>
    <script>
       var box=new Vue({
          el:"#box",
          data:{
              
          },
          store:new Vuex.Store({
             state:{
                 count:0
             },
             mutations:{
                add:function(state){
                    state.count++
                }
             }
          }),
          methods:{
              add:function(){
                  this.$store.commit("add")
              }
          }
       })

    </script>
</html>

相关文章

  • 根实例

  • vue-router

    定义并引入组件 定义路由 创建 router 实例 创建和挂载到根实例(main.js中挂载到根实例) 路由信息对...

  • Vue实例方法

    $parent:访问当前组件实例父实例 $root: 访问当前组件的根实例,如果当前组件没有父实例,表示当前组件实...

  • 第3章 Vue 基础精讲

    3-1 Vue实例 vue实例是根实例,组件也是vue实例,所以说页面是由很多vue实例组成的data(): 以d...

  • 实例属性

    vm.$data 实例对象data属性 vm.$props 实例对象props属性 vm.$el 实例对象根DOM...

  • vue使用vuex插件管理数据

    new Vue创建一个根实例 创建 Vuex.Store(),并挂载到根实例上 新建2个子组件home和cartF...

  • 聊聊flink的consecutive windowed ope

    序 本文主要研究一下flink的consecutive windowed operations 实例 本实例首先根...

  • 3.isa

    isa指向 ->实例isa -> 类|类isa -> 元类 | 元类isa -> 根元类|根元类isa -> 根元...

  • Vue.js 数据绑定、指令、事件

    Vue 实例和数据绑定 通过构造函数 Vue 就可以创建一个 Vue 的根实例,并启动 Vue 应用。Vue 实例...

  • 【Vue3】组件实例和生命周期

    app是应用实例,vm是根组件实例image.png 生命周期 mounted: 这时实例已被挂载,数据会出现在页...

网友评论

      本文标题:根实例

      本文链接:https://www.haomeiwen.com/subject/ucxguftx.html