Vue Static Data

Add staticData to Vue instances and watch in awe as it does nothing.

yarn add vue-static-data

Setup

import Vue from "vue"
import VueStaticData from "vue-static-data"

Vue.use(VueStaticData)

Usage

<template>
  <div>
    <button @click="updateStatic" v-text="staticProp" />
    <button @click="updateReactive" v-text="reactiveProp" />
  </div>
</template>

<script>
export default {
  // Object | Function
  staticData: () => ({
    staticProp: "static"
  }),
  data: () => ({
    reactiveProp: "reactive"
  }),
  methods: {
    updateStatic() {
      this.staticProp = "static clicked"
    },
    updateReactive() {
      this.reactiveProp = "reactive clicked"
    }
  }
}
</script>

Author

Matthew Wagerfield

License

MIT