Vue学习之条件判断和列表渲染

打开WebStorm开发工具，新建‘test.html’文件，将vue.js文件放在同个目录下，引入vue.js文件                     

在body内添加内容如下，使用v-if和v-else判断来决定最终显示在p标签的内容，代码如下：                        

打开网页，显示内容如下图，只有false的显示

使用v-for显示一个数组，输出到列表标签，代码如下：                        

打开页面，查看效果如下,数据的content被显示出来

绑定一个事件响应，当点击时改变数组的content，这会及时的将变化后的content显示在页面                        

在页面点击可以看到改变的效果