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如何使用呢?

《L05 电商实战》
从零开发一个电商项目,功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等
《G01 Go 实战入门》
从零开始带你一步步开发一个 Go 博客项目,让你在最短的时间内学会使用 Go 进行编码。项目结构很大程度上参考了 Laravel。
讨论数量: 7
leo

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

8年前 评论

@leo

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

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

8年前 评论
leo

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

8年前 评论
ibucoin

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

8年前 评论
leo

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

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

8年前 评论

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

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

<div id="app">

同级的

<div id="myapp">

,然后new Vue。

8年前 评论

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

8年前 评论

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