【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

相关文章

解决Maven项目idea找不到本地仓库jar包问题以及使用mvn install:install-file

《解决Maven项目idea找不到本地仓库jar包问题以及使用mvninstall:install-file》:本文主要介绍解决Maven项目idea找不到本地仓库jar包问题以及使用mvnin... 目录Maven项目idea找不到本地仓库jar包以及使用mvn install:install-file基

Python使用getopt处理命令行参数示例解析(最佳实践)

《Python使用getopt处理命令行参数示例解析(最佳实践)》getopt模块是Python标准库中一个简单但强大的命令行参数处理工具,它特别适合那些需要快速实现基本命令行参数解析的场景,或者需要... 目录为什么需要处理命令行参数?getopt模块基础实际应用示例与其他参数处理方式的比较常见问http

C 语言中enum枚举的定义和使用小结

《C语言中enum枚举的定义和使用小结》在C语言里,enum(枚举)是一种用户自定义的数据类型,它能够让你创建一组具名的整数常量,下面我会从定义、使用、特性等方面详细介绍enum,感兴趣的朋友一起看... 目录1、引言2、基本定义3、定义枚举变量4、自定义枚举常量的值5、枚举与switch语句结合使用6、枚

使用Python从PPT文档中提取图片和图片信息(如坐标、宽度和高度等)

《使用Python从PPT文档中提取图片和图片信息(如坐标、宽度和高度等)》PPT是一种高效的信息展示工具,广泛应用于教育、商务和设计等多个领域,PPT文档中常常包含丰富的图片内容,这些图片不仅提升了... 目录一、引言二、环境与工具三、python 提取PPT背景图片3.1 提取幻灯片背景图片3.2 提取

使用Python实现图像LBP特征提取的操作方法

《使用Python实现图像LBP特征提取的操作方法》LBP特征叫做局部二值模式,常用于纹理特征提取,并在纹理分类中具有较强的区分能力,本文给大家介绍了如何使用Python实现图像LBP特征提取的操作方... 目录一、LBP特征介绍二、LBP特征描述三、一些改进版本的LBP1.圆形LBP算子2.旋转不变的LB

Maven的使用和配置国内源的保姆级教程

《Maven的使用和配置国内源的保姆级教程》Maven是⼀个项目管理工具,基于POM(ProjectObjectModel,项目对象模型)的概念,Maven可以通过一小段描述信息来管理项目的构建,报告... 目录1. 什么是Maven?2.创建⼀个Maven项目3.Maven 核心功能4.使用Maven H

Python中__init__方法使用的深度解析

《Python中__init__方法使用的深度解析》在Python的面向对象编程(OOP)体系中,__init__方法如同建造房屋时的奠基仪式——它定义了对象诞生时的初始状态,下面我们就来深入了解下_... 目录一、__init__的基因图谱二、初始化过程的魔法时刻继承链中的初始化顺序self参数的奥秘默认

SpringBoot使用GZIP压缩反回数据问题

《SpringBoot使用GZIP压缩反回数据问题》:本文主要介绍SpringBoot使用GZIP压缩反回数据问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录SpringBoot使用GZIP压缩反回数据1、初识gzip2、gzip是什么,可以干什么?3、Spr

HTML5中的Microdata与历史记录管理详解

《HTML5中的Microdata与历史记录管理详解》Microdata作为HTML5新增的一个特性,它允许开发者在HTML文档中添加更多的语义信息,以便于搜索引擎和浏览器更好地理解页面内容,本文将探... 目录html5中的Mijscrodata与历史记录管理背景简介html5中的Microdata使用M

html5的响应式布局的方法示例详解

《html5的响应式布局的方法示例详解》:本文主要介绍了HTML5中使用媒体查询和Flexbox进行响应式布局的方法,简要介绍了CSSGrid布局的基础知识和如何实现自动换行的网格布局,详细内容请阅读本文,希望能对你有所帮助... 一 使用媒体查询响应式布局        使用的参数@media这是常用的