Vue 使用时警告未声明?app.js 里的 Vue 怎么使用?

app.blade.php文件中

        <div id="testing">@{{testing}}</div>
<!-- Scripts -->
    <!-- <script type="text/javascript" src="{{asset('js/vue.js')}}"></script> -->
    <script src="{{ asset('js/app.js') }}"></script>
    <script type="text/javascript">
        new Vue({
            el:'#testing',
            data:{
                testing:'12345'
            }
        });
    </script>

报错

[Vue warn]: Property or method "testing" is not defined on the instance but referenced during render. Make sure to declare reactive data properties in the data option.

但是我如果注释掉app.js,用vue.js就可以,app.js里面的Vue如何使用呢?

《L02 从零构建论坛系统》
以构建论坛项目 LaraBBS 为线索,展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。
《G01 Go 实战入门》
从零开始带你一步步开发一个 Go 博客项目,让你在最短的时间内学会使用 Go 进行编码。项目结构很大程度上参考了 Laravel。
讨论数量: 7
leo

目测你的app.js里面也做了一次Vue的实例化,并且el也是#testing

7年前 评论

@leo

var app = new Vue({
  el: '#app'
});

app.js不是推荐使用的吗?我看到一些开源项目没有app.js。

7年前 评论
leo

@onePieceAce app.js是你自己的业务代码编译出来的,取什么名可以自己定义的

7年前 评论
ibucoin

把app.js的vue实例化给注释掉,这样就可以在blade模版按需中使用。
app.js里面的Vue应该是在写单页vue的时候实例化引用components的吧,我之前是这么用的。

7年前 评论
leo

我在一楼的回复不严谨,应该是

app.js里面也做了一次Vue的实例化,并且el是#testing或者包含#testing的元素

7年前 评论

@ibucoin 谢谢,是的,在resources/assets/js/ 下创建组件并声明后,执行

npm run dev
就可以直接使用声明的标签;
我现在解决办法是新建个跟

<div id="app">

同级的

<div id="myapp">

,然后new Vue。

7年前 评论

@leo 明白了,谢谢;再问一下:npm install会生成node_modules文件夹,这里面的文件是怎么加载到项目里的?

7年前 评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!