vue 和 react 的区别是什么?
先说相同点
- 都是使用虚拟DOM,组件化开发,通过props传参进行父子组件数据通信
- 都是数据驱动视图
- 都有状态管理工具(redux, vuex)
不同点
- react严格意义上只算MVC,而vue则是mvvm模式,所以在数据绑定上,vue实现了数据的双向绑定,而在react中数据是单向流动的。
- state对象在react中是不可变的,需要使用setState方法更新状态。
3.组件写法不一样,
react: 推荐 all in js, html在js中写,推出了jsx,后来更是有 css in js。
vue: 把html,css,js组合到一起。有单文件组建
css中如何定义变量?如何一键更改页面主题颜色?
css变量
看下面的例子
声明变量
声明一个自定义属性,需要以两个 建好开始。
通常的最佳实践是定义在根伪类 :root
下,这样就可以在 HTML 文档的任何地方访问到它了:
css
:root{
--primary-color: green;
}
引用变量
css
.primary-button{
background: var(--primary-color)
}