在Laravel6中使用jquery

在Laravel6中使用jquery,jquery,laravel,Jquery,Laravel,我可以在Laravel6中使用jquery吗?我需要把脚本放在哪里?当我将我的_custom.js放入公共文件夹,然后在对它的刀片调用中,控制台中的js将返回下一个 [Vue warn]:编译模板时出错: 模板应该只负责将状态映射到UI。避免在模板中放置带有副作用的标记,例如,因为它们不会被解析 您对Vue执行操作的元素不应包含任何脚本,假设您有一个名为Vue app的id,并按如下方式加载Vue: const app = new Vue({ el: '#vue-app' }); 那么

我可以在Laravel6中使用jquery吗?我需要把脚本放在哪里?当我将我的_custom.js放入公共文件夹,然后在对它的刀片调用中
,控制台中的js将返回下一个

[Vue warn]:编译模板时出错: 模板应该只负责将状态映射到UI。避免在模板中放置带有副作用的标记,例如,因为它们不会被解析


您对Vue执行操作的元素不应包含任何脚本,假设您有一个名为
Vue app
的id,并按如下方式加载Vue:

const app = new Vue({
    el: '#vue-app'
});

那么
中的所有内容都不应该包含样式或脚本。只需将它们放在该元素之外。

我认为在VueJS项目中使用jquery的最佳方法是,您可以
webpack.ProvidePlugin
将jquery作为插件添加到
webpack.mix.js
中,下面是一个代码片段

module.exports = {
    .....
    plugins: [
       new webpack.ProvidePlugin({
          $: 'jquery',
          jQuery: 'jquery'
      });
    ]
}
完成后,您可以在源代码中的任何位置使用jquery

// in a module
$('#item'); // <= just works

jQuery('#item'); // <= just works
// $ is automatically set to the exports of module "jquery"
//在模块中

$(“#项”);//好的,明白了。但是插入脚本的最佳实践是什么呢?各种方法,通常您只需在其中执行
,其中
asset
是指向公共目录的辅助函数(应该定义
index.php
)。我已经在blade中使用了asset,在我的问题中,我在脚本中编写了已解析数据的标记。Js文件位于public/Js src中。当我加载页面时,我可以在浏览器开发工具中找到它。我不明白为什么控制台会返回错误。您在上面发布的错误?如果仔细阅读,它会显示“Vue警告”,这意味着Vue遇到了该警告。您需要将脚本移到Vue实例之外。