当当和瓶瓶

摘要： 1.滚动相关： scroll-behavior: smooth; element.scrollTop = intValue; 结合scrollTop使用，实现丝滑滑动，注意是element.scrollTop = intValue;而不是element.style.scrollTop = 'xxpx 阅读全文

摘要： 路由规则 当前页面地址栏是'localhost:8080/blog'此时显示的是默认全部分类，并且是第一页的文章。 如果想分享某个分类，需要在后面有更详细的地址，比如’local host:8080/blog/cat/1‘表示分类id=1的文章。 如果项分享某分类下的某页，需要更详细的地址，比如’’ 阅读全文

摘要： 组件递归： 当组件要渲染的数据有children，并且children中的数据结构和当前数据结构一样，这种重复出现时，要渲染出来，可以用组件的name属性。 //子组件:注意，在子组件中的注册事件必须是和父元素的属性一致，即翠绿色的两个属性名必须一样，递归中子元素中@changeActive就是父元 阅读全文

摘要： 文档：https://cn.vuejs.org/v2/guide/custom-directive.html 注册指令： 注册与component注册完全一样： 全局注册：Vue.directive(name,function | object) //object是配置对象，function将会被 阅读全文

摘要： clientWidth和offsetWidth都是元素属性，可以获取元素的宽度，前者不包括border，后者包括border e.pageX和e.clientX，前者是到documen边界的距离，后者是到视口的距离。也就是说在页面没有滚动条的情况下，二者相同，有滚动条时候，pagex值要大 getB 阅读全文

摘要： hooks：钩子函数；在某个时间点运行的函数。 实例被创建：在new Vue或者<comp />情况下 beforeCreate: 不能获取this.xx; 还没有注入， 注入：data，props，methods, computed...提取到组件实例上， created：在生成虚拟dom前， c 阅读全文

摘要： 前后端分离的开发方式，造成了前端必须提前自己造假数据，并且来使用代理请求 配置vue-cli的服务器代理 开发阶段，需要在localhost：8080的devserver，到某个服务器来获取数据，比如，我自己用express写的localhost：3000;鉴于浏览器的同源策略阻拦，必须配置代理 在 阅读全文

摘要： 使用css module 在vue-cli项目中，将文件命名为xx.module.yy; xx为文件名，yy为后缀名；可以是css，less； 这样，在js文件中就能直接 //message.module.less@import url('./var.less'); .message{ .cente 阅读全文

摘要： 插槽 插槽的基本作用和props一样，都是组件间传递数据的。 只是插槽更加灵活，props只能针对某些特定的数据类型传值。而插槽可以接受任何数据。具体内容由父组件决定。 用法 子组件用<slot>占位。父组件将具体内容写在引入的插槽组件中间，中间内容会自动添加到子组件中 具名插槽 有名字的插槽；如果 阅读全文

摘要： 样式穿透 形成的原因：父组件的样式用了scoped，而想用对子组件内部的样式进行调节，可以用/deep/； 注意，是子组件内部，子组件最外层除外。 父组件对子组件的样式控制： 父组件的样式就算用了scoped，也可以对引入的子组件的最外层元素样式进行控制。 子组件最外层通常用xx-container 阅读全文