vue基础

一、声明式渲染
什么是声明式渲染，声明式渲染是vue对数据进行操作的模式，也叫做响应式渲染，当dom节点上绑定了vue的对象的属性时，如果这个属性发生了改变，无需你进行其它的操作，页面上的数据会自动发生变化，所以叫做响应式渲染。
Vue.js的核心是一个允许采用的简洁的模板语法来声明式地将数据渲染进DOM的系统。
举个最简单的例子，直接上代码：

运行效果如下图：
二、条件与循环
条件判断使用 v-if 指令：

运行效果如下图：
三、事件绑定
使用v-onclick指令可以添加事件绑定，语法：v-onclick:"也可以简写成 @:
举个例子：

在这里插入图片描述

运行效果：

四、双向绑定
例子如下：

运行效果：