vue入门(first day)

1 创建一个Html文件
2 引入vue.js
vue入门(first day)
3 Vue 应用会将其挂载到一个 DOM 元素上 (对于下面这个例子是 #app) 然后对其进行完全控制。
vue入门(first day)
4 指令

一:v-html
双大括号的方式会将数据解释为纯文本,而非HTML。为了输出真正的HTML,可以用v-html指令。它等同于JS的innerHtml属性。
vue入门(first day)
二:v-model
这个指令用于在表单上创建双向数据绑定。
vue入门(first day)
三:v-show
根据条件展示元素 当为false时 v-show元素会始终被渲染并保存在dom中
它只是简单的切换css的dispaly属性。
v-if
可以实现条件渲染,Vue会根据表达式的值的真假条件来渲染元素。与v-show的不同在于如果v-if的值是false,则这个元素被销毁,不在dom中

vue入门(first day)
四:v-on:click
绑定事件 v-on:click 是个方法 可以简写成@ 方法要在methods中写
vue入门(first day)
五:v-for
遍历数组来进行渲染
vue入门(first day)
六:v-bind
绑定一个变量 也可以直接写成冒号 :
vue入门(first day)