【gitlab的使用 + vue实战】不实战看什么都白看 Talk is cheap  show me the code

2024-02-07 20:32

本文主要是介绍【gitlab的使用 + vue实战】不实战看什么都白看 Talk is cheap  show me the code,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

Talk is cheap  show me the code!!!!!!!!!!

没有代码   纯理论 对我来说就是白看 没有用

代码再长  我看了那混混沌沌的理论  也不如几行到底怎么传值的清清楚楚的代码helps a lot 

 

 

我真是白看... 每次自己学都 是白看

以后要存代码存到csdn上

不实战+口头上懂了  等于不会

--------------11.13 一更

一、来看这三行: vue写起来奇奇怪怪的qwq

                <div v-for="(item,index) in items" :key="index"@click="change(item,index)":class='[{on:selected==="item.cls"}]'</div>//自己写一下
<div  v-for=' (item,index) in itesm' :key='index'   啊 qwq  一个是必须写key 一个是必须加引号@click='change(item,index)'  记住引号挺好的 记得里面也要加括号 反正等于后面就是要加引号就对了呗...:class='[item.cls, {on:index === idx}]' 照例加引号 但是class是一个列表 然后就要加中括号。三元表达式额外加一下分号 而不是括号 qwq></div>

二、二更 因为置顶,顺便写一下gitlab这个吧

1、第一次push有点麻烦

其实后面还好。 都好了直接push  就 前三步可以省略了大概。链接  https://blog.csdn.net/M1026/article/details/52184124

具体在哪个文件夹打开?在有 “.git” 的文件夹下  

打开的文件下下面你是clone下来的,就要有那个.git 文件夹
然后  .gitignore 这个东东 下面忽略的就是git不会上传的东东

鼠标右键打开git bash here:
<1>输入git config --global user.name "你的用户名"
<2>输入git config --global user.email "你的邮箱"
<3>输入git init
<4>输入git remote add origin 你刚才建立的项目连接
<5>输入git add .
<6>输入git commit  -m "....  "
      //<7>输入git config http.postBuffer 524288000 (特别提醒: 此行是在本地设置缓存, 有些项目文件较大, 使用http无法上传,可设置此命令)
<8>输入git push -u origin master 将代码推送到gitlab端


2、push到分支

要切换到分支。会出现这种情况,切换到master的话是protected ,我们没有权限,那么

7.git checkout develop  切换到develop分支(默认是在master分支)

//8.git pull --rebase origin develop  从远程主机的develop分支下拉代码并合并,如果没报错那么执行9,否则自行百度解决冲突。

中间的可能大概都差不多了,参考上面,也要给我add 什么的。。

9.git push -u origin develop 把代码推到远程主机的develop分支
参考 链接:https://www.jianshu.com/p/be457b3e6022
3、git clone

直接后面加地址就可以。。。 自己会把文件夹的name有着的。。

三、新建vue项目

vue init webpack vue-todos

前面就一直点回车就行了,后面使用ESLint,测试就选择no就行。

第二步 运行项目

输入下面的命令就可以运行这个项目

cd vue-todos

npm install

npm run dev

 

四、使用props实在太方便了  记得写好 默认的default  引入就能用

https://blog.csdn.net/qingyulove/article/details/81613319

子组件

<template>
  <div>
    <p>我是子组件,接收来自父组件的信息:{{message}}</p>
  </div>
</template>

<script>
  export default {
    name: "child",
    props: ['message']
  }
</script>

<style scoped>

</style>
父组件

<template>
  <div>
    <p>我是父组件,传递消息给子组件,需要传递的消息在下面输入:</p>
    <p><input type="text" v-model="message"/></p>
    <child :message="message"></child>
  </div>
</template>

<script>
  import child from './VComChild'

  export default {
    name: "parent",
    data(){
      return{
        message:''  //这里其实照常用ok
      }
    },
    components : {
      'child': child
    }
  }
</script>

<style scoped>

</style>

这篇关于【gitlab的使用 + vue实战】不实战看什么都白看 Talk is cheap  show me the code的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/688852

相关文章

使用Python构建智能BAT文件生成器的完美解决方案

《使用Python构建智能BAT文件生成器的完美解决方案》这篇文章主要为大家详细介绍了如何使用wxPython构建一个智能的BAT文件生成器,它不仅能够为Python脚本生成启动脚本,还提供了完整的文... 目录引言运行效果图项目背景与需求分析核心需求技术选型核心功能实现1. 数据库设计2. 界面布局设计3

SQL Server跟踪自动统计信息更新实战指南

《SQLServer跟踪自动统计信息更新实战指南》本文详解SQLServer自动统计信息更新的跟踪方法,推荐使用扩展事件实时捕获更新操作及详细信息,同时结合系统视图快速检查统计信息状态,重点强调修... 目录SQL Server 如何跟踪自动统计信息更新:深入解析与实战指南 核心跟踪方法1️⃣ 利用系统目录

使用IDEA部署Docker应用指南分享

《使用IDEA部署Docker应用指南分享》本文介绍了使用IDEA部署Docker应用的四步流程:创建Dockerfile、配置IDEADocker连接、设置运行调试环境、构建运行镜像,并强调需准备本... 目录一、创建 dockerfile 配置文件二、配置 IDEA 的 Docker 连接三、配置 Do

Android Paging 分页加载库使用实践

《AndroidPaging分页加载库使用实践》AndroidPaging库是Jetpack组件的一部分,它提供了一套完整的解决方案来处理大型数据集的分页加载,本文将深入探讨Paging库... 目录前言一、Paging 库概述二、Paging 3 核心组件1. PagingSource2. Pager3.

java中pdf模版填充表单踩坑实战记录(itextPdf、openPdf、pdfbox)

《java中pdf模版填充表单踩坑实战记录(itextPdf、openPdf、pdfbox)》:本文主要介绍java中pdf模版填充表单踩坑的相关资料,OpenPDF、iText、PDFBox是三... 目录准备Pdf模版方法1:itextpdf7填充表单(1)加入依赖(2)代码(3)遇到的问题方法2:pd

python使用try函数详解

《python使用try函数详解》Pythontry语句用于异常处理,支持捕获特定/多种异常、else/final子句确保资源释放,结合with语句自动清理,可自定义异常及嵌套结构,灵活应对错误场景... 目录try 函数的基本语法捕获特定异常捕获多个异常使用 else 子句使用 finally 子句捕获所

C++11右值引用与Lambda表达式的使用

《C++11右值引用与Lambda表达式的使用》C++11引入右值引用,实现移动语义提升性能,支持资源转移与完美转发;同时引入Lambda表达式,简化匿名函数定义,通过捕获列表和参数列表灵活处理变量... 目录C++11新特性右值引用和移动语义左值 / 右值常见的左值和右值移动语义移动构造函数移动复制运算符

Python对接支付宝支付之使用AliPay实现的详细操作指南

《Python对接支付宝支付之使用AliPay实现的详细操作指南》支付宝没有提供PythonSDK,但是强大的github就有提供python-alipay-sdk,封装里很多复杂操作,使用这个我们就... 目录一、引言二、准备工作2.1 支付宝开放平台入驻与应用创建2.2 密钥生成与配置2.3 安装ali

C#中lock关键字的使用小结

《C#中lock关键字的使用小结》在C#中,lock关键字用于确保当一个线程位于给定实例的代码块中时,其他线程无法访问同一实例的该代码块,下面就来介绍一下lock关键字的使用... 目录使用方式工作原理注意事项示例代码为什么不能lock值类型在C#中,lock关键字用于确保当一个线程位于给定实例的代码块中时

MySQL 强制使用特定索引的操作

《MySQL强制使用特定索引的操作》MySQL可通过FORCEINDEX、USEINDEX等语法强制查询使用特定索引,但优化器可能不采纳,需结合EXPLAIN分析执行计划,避免性能下降,注意版本差异... 目录1. 使用FORCE INDEX语法2. 使用USE INDEX语法3. 使用IGNORE IND