【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

相关文章

Spring Boot + MyBatis Plus 高效开发实战从入门到进阶优化(推荐)

《SpringBoot+MyBatisPlus高效开发实战从入门到进阶优化(推荐)》本文将详细介绍SpringBoot+MyBatisPlus的完整开发流程,并深入剖析分页查询、批量操作、动... 目录Spring Boot + MyBATis Plus 高效开发实战:从入门到进阶优化1. MyBatis

MyBatis 动态 SQL 优化之标签的实战与技巧(常见用法)

《MyBatis动态SQL优化之标签的实战与技巧(常见用法)》本文通过详细的示例和实际应用场景,介绍了如何有效利用这些标签来优化MyBatis配置,提升开发效率,确保SQL的高效执行和安全性,感... 目录动态SQL详解一、动态SQL的核心概念1.1 什么是动态SQL?1.2 动态SQL的优点1.3 动态S

使用Sentinel自定义返回和实现区分来源方式

《使用Sentinel自定义返回和实现区分来源方式》:本文主要介绍使用Sentinel自定义返回和实现区分来源方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录Sentinel自定义返回和实现区分来源1. 自定义错误返回2. 实现区分来源总结Sentinel自定

Pandas使用SQLite3实战

《Pandas使用SQLite3实战》本文主要介绍了Pandas使用SQLite3实战,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学... 目录1 环境准备2 从 SQLite3VlfrWQzgt 读取数据到 DataFrame基础用法:读

JSON Web Token在登陆中的使用过程

《JSONWebToken在登陆中的使用过程》:本文主要介绍JSONWebToken在登陆中的使用过程,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录JWT 介绍微服务架构中的 JWT 使用结合微服务网关的 JWT 验证1. 用户登录,生成 JWT2. 自定义过滤

Java中StopWatch的使用示例详解

《Java中StopWatch的使用示例详解》stopWatch是org.springframework.util包下的一个工具类,使用它可直观的输出代码执行耗时,以及执行时间百分比,这篇文章主要介绍... 目录stopWatch 是org.springframework.util 包下的一个工具类,使用它

Java使用Curator进行ZooKeeper操作的详细教程

《Java使用Curator进行ZooKeeper操作的详细教程》ApacheCurator是一个基于ZooKeeper的Java客户端库,它极大地简化了使用ZooKeeper的开发工作,在分布式系统... 目录1、简述2、核心功能2.1 CuratorFramework2.2 Recipes3、示例实践3

springboot security使用jwt认证方式

《springbootsecurity使用jwt认证方式》:本文主要介绍springbootsecurity使用jwt认证方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地... 目录前言代码示例依赖定义mapper定义用户信息的实体beansecurity相关的类提供登录接口测试提供一

go中空接口的具体使用

《go中空接口的具体使用》空接口是一种特殊的接口类型,它不包含任何方法,本文主要介绍了go中空接口的具体使用,具有一定的参考价值,感兴趣的可以了解一下... 目录接口-空接口1. 什么是空接口?2. 如何使用空接口?第一,第二,第三,3. 空接口几个要注意的坑坑1:坑2:坑3:接口-空接口1. 什么是空接

springboot security快速使用示例详解

《springbootsecurity快速使用示例详解》:本文主要介绍springbootsecurity快速使用示例,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝... 目录创www.chinasem.cn建spring boot项目生成脚手架配置依赖接口示例代码项目结构启用s