Vue.js Snippets for Atom
- .text.html.vue
- .text.js
prefix: template body:
<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>prefix: router body:
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 } } })prefix: filter body:
Vue.filter('yourfiltername', (value) => { return true })prefix: get
body:
this.$http.get(URL).then((result) => { }, (error) => { }) })prefix: post
body:
this.$http.post(URL, PARAMS).then((response) => { }, (error) => { })prefix: put
body:
this.$http.put(URL, PARAMS).then((response) => { }, (error) => { })prefix: delete
body:
this.$http.delete(URL, PARAMS).then((response) => { }, (error) => { })