Vue not Defined

Question

I have been struggling this error for a while now. I've tried multiple ways and none of them work. All I am trying to do is to get this simple component working. Someone help please. :)

<script>
const app = new Vue({
  el: "#main",
  data: function(){
          return {
          search: '',
          customers: [
            { id: '1', name: 'Something', },
            { id: '2', name: 'Something else', },
            { id: '3', name: 'Something random', },
            { id: '4', name: 'Something crazy', }
          ]};
  },
  computed:
  {
      filteredCustomers:function()
      {
         var self=this;
         return this.customers.filter(function(cust){return cust.name.toLowerCase().indexOf(self.search.toLowerCase())>=0;});
         //return this.customers;
      }
  }
  });
</script>

<template>
<div id="main">
Search: <input type="text" v-model="search"/>   
<div v-bind:v-for="customer in filteredCustomers">
 <span>{{customer.name}}</span>
</div>
</div>
</template>

Get it working how? How is anyone supposed to know how it should work? — King11
– King11, Commented Oct 22, 2019 at 18:40
I don't expect it to magically work. What I mean is it's not working on my end. I am trying to create a Search Filter. But the real issue has been the error. I am unsure how to resolve it. "Vue is not Defined". — John Pena
– John Pena, Commented Oct 22, 2019 at 18:44
You probably havn't used the vue CDN link in the correct page. How are you injecting vue into your web app? — Varun Agarwal
– Varun Agarwal, Commented Oct 22, 2019 at 18:47
Just did now, throws me two errors. Uncaught TypeError: Cannot set property 'render' of undefined Cannot find element: #main — John Pena
– John Pena, Commented Oct 22, 2019 at 18:49

tony19 · Accepted Answer · 2022-07-15 23:16:33Z

2

You should include the Vue library.
One way of doing so is including using <script> as described in Vue's documentation.

edited Jul 15, 2022 at 23:16

tony19

140k23 gold badges281 silver badges354 bronze badges

answered Oct 22, 2019 at 19:14

Arik

6,5872 gold badges38 silver badges43 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

John Pena Over a year ago

This works but now I got two other errors to resolve. I may just post the other two errors on another post since it's a bit unrelated. Thank you for your help. :)

Collectives™ on Stack Overflow

Vue not Defined

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related