optional helper for vue

app.js

Vue.mixin({ methods: {
    optional(variable) {
        return new Proxy(typeof variable === undefined || variable === null ? {} : variable, {
            get(target, prop) { return prop in target ? target[prop] : null; }
        });
    },
  }})

//usage: {{ optional(user).email }}

information about Proxy in javascript: https://javascript.info/proxy