Vue JS snippets - Tweetsnippet

Andrew Schmelyun @aschmelyun

Need a simple way of determining whether a user scrolled to the bottom of a div in #VueJS? Check it out! https://t.co/brNIHWuapx

Stuart Nelson @stuartjnelson

Magical! Super nice tecnique for dynamic Vue components https://t.co/3yYfq4O00G

Simon Kollross @skollro

🔥 #VueJs #JavaScript Tip: Use filters to map application constants to human readable values 💯 https://t.co/Zg3Ch3qzD8 https://t.co/wNAFjycJGN

Adam Wathan @adamwathan

🔥 @vuejs components can be a lot more than just UI widgets! Check out this demo of a "fetch" component for making AJAX requests from your markup: https://t.co/ysBUU1bLUN Inspired by a conversation with @youyuxi yesterday! 😍 https://t.co/eVErHL1S2O

Adam Wathan @adamwathan

🔥 Instead of naming your Vue transitions, try combining the default `v-{enter/leave}` classes with separate classes for each enter and leave style. It's much easier to compose different enter/leave transitions on the fly without a new class for every combination 👍🏻 https://t.co/097FSL4ZYh

Philipp Kühn 🤦🏻‍♂️ @_philippkuehn

@adamwathan funfact: you can also use collect() to pass data to vue. a bit shorter 👌 <user-profile :user="{{ collect($user) }}"></user-profile>

Adam Wathan @adamwathan

🔥 If you ever seed your Vue components with JSON data in your Blade templates, you *definitely* want to enable double-encoding. Without it, a rogue """ in any user-submitted data might blow up your front end! https://t.co/kifQ3ksv6H

Lasse Rafn @LasseRafn

In Vue, you can use nextTick(closure) to delay a function until the data property has updated (for example from v-model changes) https://t.co/BvsQIa5qyO

Pine @thepinecode

You can quickly format numbers to more readable by humans. Use it as a plain #javascript function or as a #VueJS filter. https://t.co/SduaPMvUKN

Casper Sørensen @RealMthrRussia

🔥 Quick Vue quick tip; you can add classes directly on your component without specifying extra props, super handy :) #VueJS https://t.co/pkvE0ELDwu

Damian Dulisz @DamianDulisz

Did you know that @vuejs computed properties can return functions? Very useful with partial application and #webpack dynamic imports. #VueJS https://t.co/83xhYKot0p

Damian Dulisz @DamianDulisz

ICYMI: In @vuejs you can pass an object with all the props into components instead of passing each prop separate. #vuejs Small but useful! https://t.co/GdUbpzlT6r

Alexander Lichter @TheAlexLichter

You don't need a package for everything! Instead of using VueAxios in your #vuejs project, simply override the $http prototype instead! 😜 https://t.co/YO0IpI41IZ

Jasper Staats @jasper_staats

Want to make sure that your Laravel routing won't interfere too much with Vue? With the following method you can easily combine both! #VueJS https://t.co/kebeCdXbIm

Alexander Lichter @TheAlexLichter

If your #VueJS project uses ES6, you can shorten your prop bindings when they are equally named! https://t.co/ZV7Qh9kOE7

Vue.js Feed @vuejsfeed

Simple #vuejs breadcrumbs component that works with multi-level paths without the need for child views. By @nxtchg https://t.co/WRg9tQbqZz https://t.co/fE0ZSwYUuG

Vue.js News @VueJsNews

Code Splitting With Vue.js And Webpack https://t.co/uMNv8AsQKy #VueJS https://t.co/fRQvVm51lS

Adam Wathan @adamwathan

🔥 Ever get frazzled trying to escape a PHP primitive as a string for a Vue prop? Try this Blade directive instead: https://t.co/znauQkUN1I https://t.co/LcWRIDZGsw

Jacob Bennett @JacobBennett

The best state dropdown to use on mobile, is none at all. Populate city and state from zipcode instead! https://t.co/x7JQosB54F

Alexandre Mouillard @lukmo_

Separating your business/presentation logic in #VueJS components with a "ui" state object makes them a lot easier to understand. https://t.co/Fvl2sfO6Bb

{ Vue JS snippets }