scoped 在了解scoped属性之前，先了解一下Vue（中的插件）在渲染DOM时干了什么。Vue在渲染DOM后会在DOM节点上生成一个随机串data属性，这一属性给了当前组件下的DOM一种唯一标识。 当在style标签中加入scoped属性后，在页面渲染完毕后，style下所有的CSS都会自动转换，在过滤器上添加与DOM相同的data属性值。也就是说，从结果来看，scoped属性让CSS只对当前组件中的元素起作用，防止了CSS全局污染。 要注意，scoped修饰后的CSS过滤器只对编译器中写入的元素起作用（其实…

父组件向子组件传递数据 父组件要做的： 1.父组件import引用子组件； 2.在components中注册子组件； 3. 通过v-bind属性向子组件中传值。 例如： <child :parent-name="parentName"></child> 子组件要做的： 4.子组件通过props获取父组件传递的值； props: { /* 通过属性接收父组件传过来的数据，属性是parent-fun, props中可以使用parentFun变量接收 */ parentName: { type: …

PC端与移动端的适配问题 响应式布局 同一页面在不同屏幕尺寸下有不同的布局，实现不同屏幕分辨率的终端上浏览网页的不同展示方式。 1.设置meta标签 例如： <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> 视口就是网页可见区域的尺寸，设置视口时只设置宽度就行，不用在乎高度，具体高度由网页内容自动撑开。上面 meta 标签中内容的含义如下： vie…