[v-cloak]{ display:none } //让页面加载时隐藏 就不会出现闪动这个问题
v-cloak: 解决闪动的问题 当页面多次刷新时页面会出现闪动问题
v-model: 用于双向绑定//实现原理 当用户输入时会修改里面的值 当里面的值修改时 会影响页面(DOM)的值并发生改变
v-pro : 跳出vue解析 显现源码
v-stop: 阻止冒泡行为
v-prevent: 阻止默认行为
{{属性}}: 插值表达式
v-text: 纯文本显示
v-html: 能把html解构出来 不安全 跨域禁用v-html
@click: 按键点击
@keyup: 键盘触发
MVVM
M model 数据层 Vue 数据层都放在data里面
V view 视图 Vue中view 即是我们的HTML页面
VM viedModel 控制器 把数据层和视图建立联系
v-if 判断执行语句
v-else if 多重判断语句
v-else
v-show 改变样式 display=none 是否显示与隐藏
v-model的底层原理
通过v-bind 的事件 把data里面的数据msg绑定到 value身上 v-on事件监听input的变化 把变化的数据赋值给data里面的msg 这就是双向绑定