Vue.js Snippets apm apm apm

Types

Snippets

Vue Component

<template>
 <div id='YourComponentName'>
 <!--You component contents goes here-->
 </div>
</template>
<script>
 export default {
 name: "YourComponentName",
 data(){
 return {
 //Component Data
 example: true,
 foo: "bar"
 }
 },

 created(){
 //On Component created
 },

 methods: {
 functionExample(){
 //Basic Component method
 }
 }
 }
</script>

Vue Router

Router

import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
const routes = [
 {
 name: "YourRouteName",
 path: "/",
 component: YourComponent
 }
]
export const router = new VueRouter({
 routes: routes,
 scrollBehavior (to, from, savedPosition) {
 return { x: 0, y: 0 }
 }
})

Vue filter

New Filter

Vue.filter('yourfiltername', (value) => {
 return true
})

Vue Resource

Get

this.$http.get(URL).then((result) => {
 }, (error) => {
 })
})

Post

this.$http.post(URL, PARAMS).then((response) => {
 }, (error) => {
 })

Put

this.$http.put(URL, PARAMS).then((response) => {
 }, (error) => {
 })

Delete

this.$http.delete(URL, PARAMS).then((response) => {
 }, (error) => {
 })