title: How to import lodash single function and use on Vue.js template?
body: <p>I tried to import a single Lodash function inside my Vue.js component, like this:</p>
  
  <pre><code>&lt;template&gt;
     &lt;div&gt;
        &lt;span v-if="!isEmpty(example)"&gt;{{example}}&lt;/span&gt;
     &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  import isEmpty from "lodash/isEmpty"
  
  export default {
      data () {
          return { example: "Some text" }
      }
  }
  &lt;/script&gt;
  
  </code></pre>
  
  <p>But when I use it inside the template it gives this error:</p>
  
  <blockquote>
    <p>[Vue warn]: Property or method "isEmpty" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property.</p>
  </blockquote>
  
  <p>I have this lodash entry in my package.json file:</p>
  
  <pre><code>"dependencies": {
      "lodash": "^4.17.11"
  }
  </code></pre>