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

《L03 构架 API 服务器》
你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程,JWT 概念及使用 和 API 开发相关的进阶知识。
《L02 从零构建论坛系统》
以构建论坛项目 LaraBBS 为线索,展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。
讨论数量: 7
leo

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

6年前 评论

@leo

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

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

6年前 评论
leo

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

6年前 评论
ibucoin

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

6年前 评论
leo

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

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

6年前 评论

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

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

<div id="app">

同级的

<div id="myapp">

,然后new Vue。

6年前 评论

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

6年前 评论

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