matthieu-D

  <div id="app">
    <router-link to="/about">About</router-link>
    <router-link to="/about/1">About user 1</router-link>

    <router-view></router-view>
  </div>

matthieu-D

const About = {
  template: "<div>About view</div>",
  mounted: function() {
    console.log("Welcome to the About view");
  },
  destroyed: function() {
    console.log("Thanks for visiting to the About view");
  }
};

matthieu-D

const router = new VueRouter({ routes });

const app = new Vue({ router }).$mount("#app");

matthieu-D

const routes = [
  {
    path: "/about",
    component: About
  }
];

matthieu-D

import Vue from "vue";
import VueRouter from "vue-router";

Vue.use(VueRouter);

matthieu-D

  <div id="app">
    <router-link to="/about">About</router-link>
    
    <router-view></router-view>
  </div>

matthieu-D

npm i vue-router -S

matthieu-D

import Vue from 'vue';
import VanillaSum from './vanilla-filters/sum.filter';

var app = new Vue({
  el: '#app',
  filters: {
    VanillaSum
  },
  data: function () {
    return {originalValue: 0}

matthieu-D

npm i vue-ts-decorate --save

matthieu-D

var app = new Vue({
  el: '#app',
  .
  .
  .
  methods: {
    useSumFilter: function () {
      const vanilaSumFunction = this.$options.filters["VanillaSum"];
      return vanilaSumFunction(1, 2, 3);