阿里云服务器网站备份,临夏网站建设公司,营销网站流程与步骤,建设银行网站查询密码这里写目录标题 多人协作使用git的步骤#xff08;使用gitub#xff09;建立自己的空仓库连接远程仓库使伙伴可以使用仓库将代码拉入空仓库进行git指令的学习 router和route的区别router定义#xff1a;用途#xff1a; route定义#xff1a;用途#xff1a; v-show和v-i… 这里写目录标题 多人协作使用git的步骤使用gitub建立自己的空仓库连接远程仓库使伙伴可以使用仓库将代码拉入空仓库进行git指令的学习 router和route的区别router定义用途 route定义用途 v-show和v-if的差别渲染方式v-ifv-show 初始化渲染v-ifv-show 内存使用v-ifv-show 状态保持v-ifv-show 使用场景v-ifv-show 多人协作使用git的步骤使用gitub
建立自己的空仓库
远程建立在gitub上本地建立直接在自己的项目上建立指令git init my-project、cd my-project
连接远程仓库
git remote add origin https://github.com/yourusername/my-project.git这里使用HTTPS速度过慢无法连接、所以使用SSH密钥
使伙伴可以使用仓库
可以通过克隆远程仓库来获取项目的副本
git clone https://github.com/yourusername/my-project.git邀请协同者为了使他有权利对你的仓库及进行更改
将代码拉入空仓库
进行git指令的学习
每次写代码前需要先拉去最新的代码
git pull origin master添加更改
git add .提交更改
git commit -m 描述你的更改在推送之前拉取更新
git pull origin master没有冲突就可以推送代码了
git push origin master有冲突手动解决冲突
router和route的区别
router
定义
router 是 Vue Router 的实例负责整个路由的配置和管理。它包含了所有的路由规则和全局导航守卫等。
用途
用于定义应用的路由规则。提供全局的路由导航功能如路由跳转、路由守卫等。可以通过 router 实例调用各种方法如 router.push()、router.replace() 等来进行程序化导航。
route
定义
route 是一个表示当前路由状态的对象。它包含了有关当前路由的信息如路径、参数、查询字符串等。
用途
在组件中访问当前路由的信息。可以用于获取当前路由的参数、查询字符串等以便根据这些信息渲染组件。
v-show和v-if的差别
渲染方式
v-if
DOM 操作v-if 会根据条件的真假来决定是否渲染 DOM 元素。如果条件为 false元素将从 DOM 中完全移除当条件为 true 时该元素会被插入到 DOM 中。开销每次条件变化时Vue 会执行插入或删除操作因此使用 v-if 在频繁切换时可能会带来性能开销。
v-show
DOM 操作v-show 始终渲染元素但通过设置 CSS 的 display 属性来控制元素的可见性。当条件为 false 时该元素的 display 属性被设置为 none但仍然存在于 DOM 中。开销切换 v-show 的可见性只涉及修改样式因此在频繁切换时性能更优。
初始化渲染
v-if
只有在条件为 true 时元素才会被渲染。因此在初始渲染时v-if 可以减少 DOM 元素的数量。
v-show
在初始渲染时所有绑定了 v-show 的元素都会被渲染即使它们是隐藏的。
内存使用
v-if
当条件为 false 时元素被从 DOM 中移除内存使用较低。
v-show
元素始终存在于 DOM 中即使不可见因此可能会导致较高的内存占用。
状态保持
v-if
移除元素后所有与该元素相关的状态如输入框的值都会丢失。
v-show
元素在隐藏时仍然保留其状态适用于需要保持状态的场景。
使用场景
v-if
适合于不常变化的条件。 适用于需要动态控制大量数据的场景特别是当你希望减少初始渲染的 DOM 元素数量时。
v-show
适合于频繁切换的元素如选项卡、下拉菜单等。 适用于需要快速显示和隐藏的 UI 组件保持元素的状态。
