App.vue

Template

<!-- TEMPLATE -->
<template></template>
<!-- TEMPLATE ENDE -->

Script

<!-- SCRIPT -->
<script></script>
<!-- SCRIPT ENDE -->

Style

<!-- STYLE -->
<style></style>
<!-- STYLE ENDE -->

Beispiel Script

export default {
  name: "App",
  data: () => ({
    first_name: "Torsten",
    last_name: "Brause",
    age: 51,
    cities: [
      { id: 1, name: "Berlin" },
      { id: 2, name: "Dresden" },
      { id: 3, name: "Gera" },
      { id: 4, name: "Prag" },
    ],
    todos: [
      { id: 1, finished: false, name: "Vue.js lernen" },
      { id: 2, finished: false, name: "Code Beispiel üben" },
      { id: 3, finished: false, name: "Git commit" },
      { id: 4, finished: true, name: "weiteres Todo" },
    ],
  }),
  computed: {
    fullName() {
      return `${this.first_name} ${this.last_name}`;
    },
  },
  methods: {
    test() {
      alert("Hi");
    },
  },
};