昨天看了一天的vue，还是蒙b状态，主要是自己真是不是写前端的，js,html5这些都不会，也是前几天抽空的时候看了一些。要不说我眼高手低呢，这东西看起来哪一个都简单，但是就是不知道咋自己写代码呀。
还说一句，我真是做C++，计算机视觉和AI部署研究的，这个前端真是不会呀，昨天学的今天就忘了，不过这个搞搞，以后有机会研究一下tensorflow.js吧。
下面就看我是怎么啥都不会的开始写代码的，初学者可以参考我看看，也许到最后我也学得不咋样。
01打开vscode写代码
这里不得不说一下，vscode这些编辑器环境配置好之后，有提示和补全功能真是省事不少呀。你输入一个！人家给你写很多，就是那些大家都一样的东西。
补全之后是这样的：
02写vue的代码
vue的内部指令昨天看的，很多的博客都写了，应该是很重要的吧：
vue内部指令：v-if、v-else、v-show、v-else-if
我第一个想着写一个列表这种的，用用v-for，下面就看看我犯的错误：
然后有内容的一块页面就是这样的了，感觉这个宽高设置的好像哪里不对，反正显示的感觉不应该这样的，哪位知道的可以留言指点我一下，谢谢。
如果isOpen:false那这个文本输入框就不会显示出来了，这个就是v-if，好像和v-show很相近，v-show是控制css显示不显示，其实是渲染了的，而v-if是false的时候还真的就是不渲染，有点差异的。
然后出错了，这个时候按下F12去看看：
肯定是{}用的不对，我忘了咋写函数了，去搜索一下~
执行结果是这样的：
主要是这个不带代码区域功能，直接按照文字放上去吧，真是很丑，有兴趣的读者可以按照这个敲敲代码，写多了就熟悉了。