vue项目--问题解答整理（持续更新中......）

点击跳转至原笔记

1. <style scoped>：任何css标签当加上scoped的时候，标签里面的css只作用于当前组件，相当于标签加上了唯一标识

2. 在vue里导入css
   

3. 自定义组件开发

4. 在App.vue里面导入的css文件将控制club项目的所有vue文件样式。App.vue里面的标签router-view特别重要，它决定了其他页面是否可以显示处理

   router-view组件是vue最核心的路由管理组件，vue项目最核心的App.vue文件中即是通过router-view进行路由管理。其他的所有vue文件都是渲染到该组件中的，没有该组件，则其余页面均无法显示
   router-view使用详解

5. App.vue

   在App.vue里显示的所有都会显示到所有页面上。因为所有vue页面都会先渲染在标签 位置上，然后浏览器再显示整个App.vue页面

   app.vue是主组件，是页面入口文件，是vue页面资源的首加载项。写在app.vue页面内的内容会显示到所有页面上，所以app.vue可以写公共需要的动画或者样式

   所有的页面都是在app.vue中进行切换的。可以理解为所有的路由都是app.vue的子组件，都显示在标签位置上。

   所以所有页面都是显示在app.vue的标签router-view上的，故app.vue的所有操作作用于任一vue页面。

6. vue项目上传到gitEE上

   需要先查询已有git项目的所有者（我的为lenovo）

   报错：fatal: detected dubious ownership in repositor

   将vue项目上传到gitee（使用cmd

   在club-vue文件下右击—>Git Bush —>git clone xxxxxx(此步只需要第一次连接远程仓库的时候使用就可以了) —>git add . —> git commit - m “上传说明注释”—> git push

7. <el-col :span=“4”>：默认将屏幕分为24份，span表示占用几份
   element ui常用布局使用

8. vue设置css的html为屏幕高度,只需要将html, body ,#app 宽度都设置为100%即可
   vue项目中设置背景高度问题_vue3 背景高度
   

9. css格式设置

   1. 修改input标签的光标颜色,设置为圆角
   2. 修改input输入框的默认字的属性
      CSS怎么修改placeholder颜色样式

   input{
   	border-radius: 20px;  /*圆角*/
     caret-color: white;   /*修改光标颜色*/
   }
   
   /*修改input输入框的默认字的属性*/
   input::-webkit-input-placeholder{
       font-size: 16px;
       color:white;
     
     }
     
     input::-moz-placeholder{   /* Mozilla Firefox 19+ */
     
       color:white;
     
     }
     
     input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
     
       color:rgb(249, 246, 246);
     
     }
     
     input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
     
       color:rgb(245, 242, 242);
     
     }
   

10. 让elementUI侧边栏高度撑开，布满屏幕，只需要设置height:100vh;

    css vh单位解释

    视窗单位

    css中的vh是一种视窗单位,也是相对单位。相对于视窗的高度。视窗被均分为100单位的vh。vh 优势在于能够直接获取高度,而用 % 在没有设置 body 高度的情况下,是无法正确获得可视区域的高度的。

    让elementUI侧边栏高度撑开，布满屏幕_element侧边栏占满

11. element-ui的侧边栏，如果需要实现页面跳转的话需要在标签的属性里加上router，然后再在要显示页面的地方加上路由管理标签