北京制作网站公司排名,工艺品外贸订单网,注册公司费用会计分录,专门做建筑设计图库的网站设计问题1#xff1a;scoped原理 1.作用#xff1a;让样式在本组件中生效#xff0c;不影响其他组件 2.原理#xff1a;给节点新增自定义属性#xff0c;然后css根据属性选择器添加样式。 问题2#xff1a;让css只在当前组件生效 style scoped 问题3#xff1a;scss…问题1scoped原理 1.作用让样式在本组件中生效不影响其他组件 2.原理给节点新增自定义属性然后css根据属性选择器添加样式。 问题2让css只在当前组件生效 style scoped 问题3scss、stylus scss 1.下载 npm install sass-loader node-sass --save 2. style langscss scoped 不能修改其他组件的样式 3.scss 样式穿透 父元素 /deep/ 子元素 stylus 1.下载 npm install stylus stylus-loader --save 2. style langstylus scoped 3.stylus样式穿透①父元素 /deep/ 子元素 ② 父元素 子元素 问题4vue组件之间如何传值通信 1.父组件 传值 子组件 父组件Son :messgmsg /Son 这里msg是父组件中定义的数据messg是子组件接受的 子组件props:[messg] or props:{ messg:数据类型 } 2.子组件 传值 父组件 子组件 this.$emit(自定义事件名称,要传的数据) 自定义事件名称getVal 父组件 Son childInputgetVal/Son 之后的事件是需要父组件定义的 methods:{ childInput(msg){ // msg就是子组件传递过来的数据 } } 3.兄弟组件之间的传值 通过一个中转bus import Vue from vue export default new Vue; A兄弟传值 import bus from /common/bus bus.$emit(toFooter,this.msg) B兄弟接受 import bus from /common/bus bus.$on(toFooter,(data) { //data就是this.msg数据 }) 问题5computed、methods、watch有什么区别 1.computed vs methods 区别 computed是有缓存的 methods是没有缓存的 2.computed vs watch 区别 watch是监听数据或者路由发生改变了才可以响应执行 computed计算某一个属性的变化如果某个值改变了计算属性会监听到进行返回 watch是当前监听的数据改变了才会执行内部代码 问题6props和data优先级谁高 优先级由源码决定 props methods data computed watch
