Vue.js 2.0 对于 "admissions is not defined"

标签 vue.js

我在这个 vue.js 2.0 上遇到错误。

我的 HTML 代码

<div id="app">
     <select class="form-control input-lg" name="admission_id" >
                                    <option>Select Admission type</option>
                                    <option v-for="admission in admissions">@{{ admission.message}}</option>
                                </select>
</div>

我的 vue.js

var app = new Vue({
    el: '#app',
    data: {
        admissions: [
            { message: 'Foo' },
            { message: 'Bar' }
        ]


    }
});

这是错误。如您所见,我确实定义了录取并显示了它,但是出现了错误。顺便说一句,我是这个 Vue.js 的新手 enter image description here

最佳答案

供以后找这个问题的人引用。

作者使用的是内置的 Laravel app.js,这是 Laravel 用户的常见问题。 (答案在问题下方的评论中)

永远记得包含 VueJS 一次,而且只包含一次。

如果您正在使用一些捆绑软件,如 Webpack/Browserify - 不要在您的 html 中单独包含 VueJS,因为它已经与您的代码捆绑在一起。

关于Vue.js 2.0 对于 "admissions is not defined",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42966547/

相关文章:

vue.js - Vuex:为什么我们要用大写字母编写 mutations、actions 和 getters?

javascript - Vue.js 过滤列表

javascript - 在路由器推送后调用方法有什么负面影响吗? (Vue.js)

javascript - 当我从表中提取最大值和最小值时,如何在 vue 2.0 中的 <v-slider> 中动态设置最大值和最小值

javascript - 更改 v-for 生成表的文本颜色

laravel - 使用 Laravel API 的 Vue.js SPA

javascript - Vuex - 更新突变中的对象

javascript - 从指令更改数据时,vue.js 列表(模板)绑定(bind)不会更新

javascript - Vue.js - 当光标水平移动时动画图像

http - 我可以让 httpOnly cookie 与 vue-resource 一起使用吗?