（22）打鸡儿教你Vue.js

缺乏、安全感 2021-11-02 00:58 73阅读 0赞

vue.js

单页面，多页面

Vue cli工具  
复杂单页面应用Vue cli工具

交互设计，逻辑设计，接口设计

代码实现，线上测试

git clone，git int

创建分支，推送分支，合并分支

删除分支，回退版本

![image.png][]

git clone ....git
    
    ls
    
    cd xxx/
    
    git status
    位于分支 master
    
    没有提交
    
    ls
    
    git branch -a
    git branch
    
    touch test.txt
    git status
    
    git add .
    
    git commit -m '初次提交'
    
    ls
    
    git remote -v
    
    git push origin master
    
    git branch -a
    
    git checkout -b dev
    
    切换到一个新分支 'dev'
    
    ls
    
    touch test1.txt
    
    git status
    位于分支dev
    
    git add test1.txt
    
    git commit -m "dev上的"
    
    git push origin dev
    
    git branch -a
    
    git checkout mastr
    切换分支
    
    git merge dev
    合并分支
    
    ls
    
    git push origin master
    
    删除分支
    git push origin :dev
    
    退回之前的版本：
    git reset --hard head^
    
    git log

<template>
    <div>
    <ul>
    <li v-for="(item, index) in lists"
    @click="choose(index)"
    :class="{active: index == current}"
    :key="index">
    {
        {item}}
    </li>
    </ul>
    </div>
    </template>
    
    data(){
    return {
     current: '',
     lists:
     target: []
     }
    },
    methods: {
     choose(index) {
     console.log(index)
     this.current = index
     }
    }
    
    <style scoped>
    li.active {
     background: green;
    }
    </style>

add() {
     this.target.push(this.lists[this.current])
    }

:class="{active: index == current && current !== ' ' }"

add () {
     if(this.current === ' '){return}
     this.target.push(this.lists[this.current])
     this.current = ' '
    }

--------------------

## 请点赞！因为你的鼓励是我写作的最大动力！ ##

![官方微信公众号][aHR0cDovL3VwbG9hZC1pbWFnZXMuamlhbnNodS5pby91cGxvYWRfaW1hZ2VzLzExMTU4NjE4LWYwYzExMDQxYTc2NTYzZTc]

吹逼交流群：**711613774**

![吹逼交流群][aHR0cDovL3VwbG9hZC1pbWFnZXMuamlhbnNodS5pby91cGxvYWRfaW1hZ2VzLzExMTU4NjE4LWQ5ZDY0ZmEyOTAzNzFlYTUucG5n]

转载于:https://www.cnblogs.com/dashucoding/p/11140181.html

[image.png]: /images/20211101/6f55c3ee54854aadb44e728daff4cacf.png
[aHR0cDovL3VwbG9hZC1pbWFnZXMuamlhbnNodS5pby91cGxvYWRfaW1hZ2VzLzExMTU4NjE4LWYwYzExMDQxYTc2NTYzZTc]: /images/20211101/abb75ec136ab4ad486abe7cce7f07d09.png
[aHR0cDovL3VwbG9hZC1pbWFnZXMuamlhbnNodS5pby91cGxvYWRfaW1hZ2VzLzExMTU4NjE4LWQ5ZDY0ZmEyOTAzNzFlYTUucG5n]: /images/20211101/0434d5a20d3a4516a0f91aaca6ed66c5.png