vue学习笔记

一、环境搭建
可使用单独引入文件，也可使用node构建
二、代码构成
<template></template> HTML代码标签;
<script></script> js 代码标签；
<style></style> css代码标签；

三、常用指令
1、v-text 渲染文字
2、v-htlm 渲染html片段
3、v-if 不渲染dom元素 用于隐藏和显示 值为布尔值
4、v-show 渲染dom元素 底层使用css display：none ；值为布尔值
5、v-for 循环指令 值为 “变量“ in“数据”
6、v-on 用于事件绑定 v-on：click 可以简写为 @click 值为methods 中声明的方法
7、v-bind 对dom 属性的操作 可对 src class 等进行操作 class {key：布尔值} 是否显示这个key的class；