Skip to content

Instantly share code, notes, and snippets.

@chulman444

chulman444/vue-simple-reactivity-demo.vue

Last active August 3, 2019 07:21
Show Gist options
  • Save chulman444/6fe2db81cadddb9e9525cc702d542216 to your computer and use it in GitHub Desktop.
Save chulman444/6fe2db81cadddb9e9525cc702d542216 to your computer and use it in GitHub Desktop.
Download ZIP
Simple reactivity demo. Adding new property
Raw
vue-simple-reactivity-demo.vue
<template lang="pug">
div
div {{ entry.foo.hi }}
v-btn(@click="onBtnClick") click
</template>
<script lang="ts">
import { Vue, Component } from "nuxt-property-decorator"
@Component
export default class TestPage extends Vue {
entry = { foo: { bar: "baz" } }
onBtnClick() {
if('hi' in this.entry.foo) {
(<any>this.entry.foo).hi += 1
}
else {
// Doesn't work with
// this.entry.foo.hi = 1
this.$set(this.entry.foo, "hi", 1)
}
}
}
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment