解决方法是: 页面渲染完成后再加载jQuery的那些监听, 也即使用$(document).ready(function() {}), 示例代码如下
<script src="https://static.class4ever.com/jquery/jquery-3.4.1.min.js"></script>
<script src="https://static.class4ever.com/vuejs/v2.6.10/vue.min.js"></script>
<script>
//加载jQuery
$(document).ready(function() {
/**监听: 保存按钮 */
$('.btn-save').click(function() {
console.log('点了保存按钮')
app.editing = !app.editing
})
})
//启动vue
const app = new Vue({
el: '#app',
data: {
product: 'Boots',
editing: true
}
})
</script>
版本: jQuery3.4.1 && Vue.js 2.6.10