Vue is not defined-慕课网

Vue is not defined

来源：2-1 创建第一个Vue实例

NoError2018

2018-09-18 12:06

Vue.component('todo-item',{
  template:'<li>item</li>'
});

export default {
  data:function(){
    return {
     // title :'<span>?</span>This is my first way',
      items:[],
      newItem:'',
      childWold:'',
      isFinished:'thisIsLiClass',
      ishouse:'thisisLihouse',
      firstName:'',
      lastName:'',
      count:0,
      title:'this is hello world',
      content:'balabalabalaba',
      show:true,
      inputValue:''
    }
  },
  computed:{
    fullName:function(){
      return this.firstName + ' ' + this.lastName
    }
  },
  watch:{
    fullName:function(){
      this.count++;
    }
  },
  methods:{
    handleClick:function(){
      this.title = 'how are you'
    },
    handleToggle:function(){
      this.show = !this.show
    },
    handleSubmit:function(){
      this.items.push(this.inputValue);
      this.inputValue = '';
    }
  }

}

写回答关注

2回答

NoError2018: 2018-09-18 14:53:04

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="./vue.js"></script>
</head>
<body>
<div id="root">
    <div>
        <input v-model="inputValue">
        <button @click="handleSubmit">提交</button>
    </div>

    <ul>
 <!--<li v-for="(item,index) of items" :key="index">{{item}}</li>-->
 <todo-item v-for="(item,index) of items" :key="index" :content="item"></todo-item>
    </ul>
</div>

<script>
Vue.component('todo-item',{
    props:['content'],
 template:'<li>{{content}}</li>'
})
new Vue({
    el:'#root',
 data:{
        items:[],
 inputValue:''
 },
 methods:{
        handleSubmit:function () {
            this.items.push(this.inputValue);
 this.inputValue = ''
 }
    }
})
</script>
</body>
</html>

0 0

NoError2018

2018-09-18 14:52:11

引入了也会报同样的错误我再重新发一下问题吧我的代码整理了一下谢谢

0 0

vue2.5入门

快速理解Vue编程理念上手Vue2.0开发。

146820 学习 · 657 问题

查看课程

相似问题

vue is not defined

回答 2

vue is not defined ?????

回答 3

提示ReferenceError: Vue is not defined

回答 1

引入vue.js报错 ncaught ReferenceError: Vue is not defined

回答 5

2-1出现错误SCRIPT5009: 'Vue' is not defined

回答 1

打开慕课网App查看更多内容