小编Vin*_*uza的帖子

抱歉，如果这是一个非常简单的问题，我尝试按照此处的一些答案进行操作，但我无法进行..

我想基于第一个对象向数组添加一个NEW对象

我发现可行的方式是这样的：

    new Vue({
    el: "#app",
    data: {
       name: '',  //name isnt inside and object
     //failedExample: {name: ''}
        array: []
    },
    methods: {
        add(){
            this.array.push({name: this.name}) // i push a key:value
          //this.array.push(failedExample) // what i wished to do
        }
    }
});

https://jsfiddle.net/myrgato/6mvx0y1a/

我知道，通过使用带注释的array.push，我将一遍又一遍地向对象添加相同的引用，因此当我更改failExample.name的值时，它将在数组的所有位置发生变化。有没有办法做到这一点？像，我添加第一个对象，然后添加下一个对象作为新对象而不是引用？

我一般都在学习CSS,而且我非常努力,非常努力...

我试图用我的css网格做一个简单的事情,只是从右到左动画隐藏的菜单,而不是从左到右,但我不知道我必须改变做什么..

你们能帮助我吗？这里的小提琴:https://jsfiddle.net/xwvL2a70/

/* grid */
.container {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 10px;
}

/* items */
.container > * {
  color: #353535;
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px;
  background: #d0cfc5;
}

/* nav styles */
.container nav {
  background: #136fd2;
}

nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

nav a {
  color: #d0cfc5
}

nav a:hover {
  text-decoration: none;
}

/* media query for grid layout */
@media only screen and (min-width: …