摘要:
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 阅读全文