vue学习6

（一）、git工具引入

传统方案1.使用u盘，qq…
2.svn：集中式代码管理工具。代码对比。每次提交都会有记录，并且可以回滚代码（回到上一个版本）。无法离线工作
3.git：分布式代码管理工具

git客户端：
1.命令行
2.可视化

git命令：

git init 初始化本地仓库
git add 添加到暂存区
git status 查看git此时提交状态
git add .会将所有的文件添加上去
git log 查看提交记录
git reset --hard HEAD^ 回退上一个版本
git commit -m '第一次提交代码' 提交到本地仓库 -m后面加注释 
git push 添加到远程仓库
git reflog 会记录操作记录
git reset --hard 6位版本号 回退指定版本

git远程仓库：
1.自己配置远程仓库
2.公共的远程仓库，如：github，gitee

提交：第一次需要输入密码（第一次不能输错）

第二次提交可以直接使用：git push origin master

（二）、git两人协作

非冲突：
git clone 地址 克隆获取项目 （必须开通权限才能克隆）
git pull origin master 拉取最新代码和本地的合并
注意先提交到本地仓库再pull，防止自己的代码被覆盖

冲突：可以手动选择是否合并或者保留

（三）、git分支

git branch -a 查看分支
git checkout -b 新分支名字 创建新的分支
git checkout 新分支名字 切换到新的分支

git merge 合并分支
git push origin :aaa 删掉远程分支

（四）、vue项目git注意

不用自己创建git
git remote add origin aaa 添加源

（五）、开发流程/云服务器

迭代 > 提测 >上线 >迭代
每日的daily scrum。短会汇报进度

阿里云虚拟主机
可以使用远程桌面连接，输入公网ip进行登录。或网页登录进行操作

（六）、nginx上线

要放在英文目录下
启动前修改conf文件夹下的nginx.conf里的路径修改
启动：

停止服务器：

重新加载：

在服务器中启动项目，就可以通过ip端口直接访问
安全组要注意添加80端口

（七）、vue3

路由：

创建流程不变，选择变为vue3

react
1.类写法 this.
2.函数写法 不支持状态和生命周期，支持属性

7.1 reactive

vue3 hooks -composition Api （没有this）

setup===生命周期

import {reactive} from 'vue'
setup(){
	//定义状态
    const obj=reactive({
        myname:"kerwin"
    }),
    //定义函数
    const handle=()=>{
    }
    return{
        obj,
        handle
    }
}

注意：
template可以放兄弟节点

7.2ref

创建ref对象。可以对字符串和数字拦截，拦截的是.value

拿到节点通过mytextref.value

在页面使用时可以通过toRefs转化成ref对象，方便使用。js中还是用reactive方式定义

7.3props和emit

hooks中通过形参获取数据

emit：{emit}解构

7.4 生命周期

created和beforeCreat变成setup
其他都是前面多加一个on

写在setup函数中

7.5计算属性

computed（）
有缓存效果


模糊查询

7.6watch

第一个参数意思是，这个值发生一次改变watch函数就会触发一次