Skip to content

Instantly share code, notes, and snippets.

Jayesh Anandani jayeshanandani

Block or report user

Report or block jayeshanandani

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
@jayeshanandani
jayeshanandani / blog.md
Created Jan 23, 2018 — forked from JacobBennett/blog.md
Clean up your Vue modules with ES6 Arrow Functions
View blog.md

Recently when refactoring a Vue 1.0 application, I utilized ES6 arrow functions to clean up the code and make things a bit more consistent before updating to Vue 2.0. Along the way I made a few mistakes and wanted to share the lessons I learned as well as offer a few conventions that I will be using in my Vue applications moving forward.

The best way to explain this is with an example so lets start there. I'm going to throw a rather large block of code at you here, but stick with me and we will move through it a piece at a time.

<script>

// require vue-resource...

new Vue({
View add.ctp
<?php
echo $this->Html->css('../js/plugins/datepicker/datepicker', array('inline' => false));
echo $this->Html->script('plugins/datepicker/bootstrap-datepicker', array('inline' => false));
echo $this->Html->css('../js/plugins/fileupload/bootstrap-fileupload', array('inline' => false));
echo $this->Html->script('plugins/fileupload/bootstrap-fileupload', false);
echo $this->Html->script('holder', false);
$this->extend('/Layouts/portlet');
$this->assign('contentHeader', $contentHeader);
You can’t perform that action at this time.