VUE小知识点

1.VUE动态实现css样式

<template>
  <div id="app">
    <div :style="declareBgColor" class="bg">
      test
    </div>
    <input type="text" v-model="bgColor">
    <router-view/>
  </div>
</template>
<script>
export default {
  name: 'app',
  data () {
    return {
      bgColor: 'yellow'
    }
  },
  computed: {
    declareBgColor () {
      return `--bgColor: ${this.bgColor}`
    }
  }
}
</script>
<style lang="less">
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
}
.bg{

  background-color: var(--bgColor);

}

</style> 

 通过在class先绑定一个计算属性，然后再div绑定一个动态style，然后通过computed获取属性样式以及值，通过data返回属性的值。

input 双向绑定所需要属性的值，就可以更改颜色

个人感觉：这个功能可以给用户自定义背景颜色

2.关于展开运算符

• 许一个表达式在某处展开。展开运算符在多个参数（用于函数调用）或多个元素（用于数组字面量）或者多个变量（用于解构赋值）等地方可以使 用，作用就是 展开数组或字符串为一个新数组。
• 注意 ： 展开运算符不能用在对象当中，因为目前展开运算符只能在可遍历对象（iterables）
• 可用。iterables 的实现是依靠 [Symbol.iterator] 函数，而目前只有 Array,Set,String 内置 [Symbol.iterator] 方法，而 Object 尚未内置该方法，因此无法使用展开运算符。不过 ES7 草案当中已经加入了对象展开运算符特性。

•         let x = ['autumn']
  		let y = ['wscats']
  		let z = [...x, ...y]
  		console.log(z)// ["autumn", "wscats"]

• 

• 

3.关于git的使用

在github或者是gitee上创造好仓库后,我们对文件使用

初始化仓库文件

 然后通过git status查询状态

接着通过git add .整到暂存区

再通过git status看状态

 

 接着通过git commit -m“”标记信息

然后通过git remote add origin 链接远程仓库

如果是创建新的仓库后，一定要用git pull --rebase origin master合并仓库

最后通过git push origin master

 

 2.关于对以后仓库的增删改动

3.关于gitee报错常见解决方法

这个说明有冲突文件，我的是readme文件，我的做法是把它删了然后再进行git pull--rebase origin master