为了账号安全,请及时绑定邮箱和手机立即绑定

为什么显示不出来,照着敲的

<div id="app">
  <h1 v-text='title'></h1>
  <ul>
    <li v-for='item in items' v-bind:class="{finshed: item.isFinshed}" v-on:click="toggleFinsh(item)">
      {{ item.lable}}
    </li>
  </ul>
</div>
var vm =  ({
  data: function() {
    return {
      title: 'this is a vue',
      items: [
        {
          lable: 'coding',
          idFinshed: true
        },
        {
          lable: 'walking',
          isFinshed: false
        }
      ]
    }
  },
  methods: {
    toggleFinsh: function(item) {
      item.isFinshed = !item.isFinshed
    }
  }
})


正在回答

3 回答

var vm =  ({})


这里都没有new Vue

0 回复 有任何疑惑可以回复我~
<script src="vue.js" type="text/javascript"></script>

安装了VUE了吗? 检查一下有没有这个句型。 把var vm = 改成 new Vue 或者 var vm = new Vue。

0 回复 有任何疑惑可以回复我~
#1

慕后端3860619

el: '#app', 也要加上
2018-03-29 回复 有任何疑惑可以回复我~
#2

冷寒轩111 提问者

解决了,是因为我没有运行这个项目,好麻烦的感觉,每次都要npm run dev 跑起来
2018-03-29 回复 有任何疑惑可以回复我~

  el: '#app',    加上这个也不行

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
vue.js入门基础
  • 参与学习       209716    人
  • 解答问题       677    个

本门为vuejs入门教程,详细的讲解加实战,可以帮你进入vuejs的大门

进入课程

为什么显示不出来,照着敲的

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信