<!– Generated by Vue on Rails github.com/vueonrails/vueonrails –> <!– The corresponding pack is app/javascript/packs/<%= name %>.js –> <!– Generate a Single File Component part by running command `rails generate vue something` –>
<template>
<div id="<%= name %>"> <p>{{ message }}</p> </div>
</template>
<script> // import store from '@/store' export default {
data: function() { return { // sharedState: store.state, message: "Hello <%= name %>!" }; }, watch: { onCreated: function(response) { this.items = response.data; } }, methods: { //Add the button to your template: <button @click="onClick">click this</button> onClick: function() { console.log("clicked"); } }, computed: {} // props: {}, // components: {}, // mixins: [], // directives: {}, // filters: {}, // asyncComputed: {},
}; </script>
<style scoped> p {
font-size: 2em; text-align: center;
} </style>