general.ts

/**
 * @param {Object} element
 * @param {String|Array} path
 * @param {*} fallback
 * @returns {*}
 */
export const get = (element: any, path: any, fallback?: any): any => {
  if (element === undefined || element === null) {
    return fallback
  }

  const search = Array.isArray(path)
    ? path
    : path.split('.').filter((pieces: any) => pieces && pieces.length)

  if (!search.length) {
    return element
  }

  let property = search.shift()
  if (Array.isArray(element)) {
    // eslint-disable-next-line no-useless-escape
    property = String(property).replace(/[\[\]]+/g, '')
  }
  return get(element[property], search, fallback)
}

MyComponent.vue

<template>
  <div>
     {{ $get(person, 'address.street') }}
  </div>
</template>

plugin.js

import { get } from 'general'

/**
 * @param Vue
 */
export default ({ Vue }) => {
  /**
   */
  Object.defineProperty(Vue.prototype, '$get', {
    get () {
      return get
    }
  })
}