发表于： 2019-12-20 23:08:58

今天完成的事情

今天上午是把我们的任务通过萝卜多官网上的接口进一步的调试了一遍，之前存在的报错均是502等五百的错误，所以判断是不是这个服务器中的接口出现了问题。上午再次打开后因为接口已经被负责的师兄调试完毕了所以，我们的登录直接通过填写用户名和密码返回值均能成功操作，下图为错误登录后的message显示。

成功登录给它设定的是直接跳转萝卜多的页面。

而后就开始进行了vue框架学习的进程，通过了慕课网上的一课视频随后就开始了解了一些框架的知识。在我们学习框架的过程中不在是对原始的dom节点进行操作了，而是选定了哪个元素后对其中的数据来进行改写而达到我们想要的效果，通过了在我们的html中可以使用

v-model

双向绑定元素我们data中内容改变或者是我们value的值改变均能产生对data中的内容发生改变这就是双向绑定，而点击事件也可以写在我们的标签内部，

@click="handleSubmit"

通过绑定这个函数可以实现函数中的内容，在框架中函数需要写在我们的methods中

 methods:{
                    handleSubmit:function(){
                        this.list.push(this.inputValue)
                        this.inputValue=""
                    }

在次方法中我们的value值是时时与我们上面的input的值关联的，所以出现了点击这个按钮后把我们input中的值赋予这个数组中，并且保证我们传过数组后input框中的内容消失。在做元素的消失这个样式时，可以用到v-if或者是v-show这两种vue框架中的模板，区别在于v-if是我们的元素直接抹去或者生成，而v-show是我们的元素diplaynone或者显示。