在Laravel6中使用jquery
我可以在Laravel6中使用jquery吗?我需要把脚本放在哪里?当我将我的_custom.js放入公共文件夹,然后在对它的刀片调用中在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' }); 那么
,控制台中的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实例之外。