tinyint_813的博客

watch: { list () { this.$nextTick(function () { console.log(this.$refs.group) }) } } 注意：watch只能监听数据的变化，数据变化的时候不一定已经渲染完了所以为了保证是渲染完成之后再去获取，我们可以借助Vue的$nextTick方法来实现也就是说在 $nextTick 回调函数中一定能拿到渲染完成的数据，因为 $nextTick 回调函数只有在渲染完成

原因：连接超时解决方案：发现服务器命令行显示表示请求到了服务器，但是解析数据的时候出了问题发现是请求的数据 id 没有在 actions.js 的 setSongDetail 中，没有给 obj 传 id，所以访问不到。...

Vue warn: Method “computed” has type “object” in the component definition. Did you reference the function correctly?原因：把computed、watch写到了methods里面解决方案：写到正确的位置

项目bug—GET http://127.0.0.1:3000/banner?type=2 net::ERR_CONNECTION_REFUSED原因：swiper的bug，如果数据是从网络获取的，那么自动轮播到最后一页就不播了解决方案：给 swiper 设置 v-if=“banner.length > 0”

MVCMVC：分为View用户界面、Controller业务逻辑、Model数据保存。通信方式从View --> Controller --> Model —> View 单向传递。MVVMMVVM：分为Model数据模型、View视图、VM数据模型和视图的桥梁。支持数据双向传递。数据可以从 M -> VM -> V，也可以从 V -> VM -> M。Vue就是基于MVVM，默认是单向传递 M -> VM -> V，在、多行文本及 下拉列表

因为如果不是通过函数返回的，那么多个组件就会共用一份数据，就会造成数据混乱。

在子组件中先用slot标签放一个插槽，可以用name指定名称，这就是具名插槽。在父组件中使用子组件时，在子组件的里面把v-slot：name指定绑定在template标签上。

errors and 0 warnings potentially fixable with the --fix option.在创建项目的时候选择的是standard正常模式，所以每次都会对代码进行检查，看是否符合Eslint规范原因：格式不正确，有很多空格解决方案： 在settings里面找到后面就可以右键就可以自动修改格式了...