本文主要是介绍【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” 的文件夹下
鼠标右键打开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的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!