Vue基础

监听事件 v-on ：可以用v-on指令监听DOM事件，并再触发时运行一些JavaScript代码， 例： 运行结果： 内联处理器中的方法 可以在内联JavaScript语句中调用方法 运行结果： 事

条件渲染 v-if v-if指令用于条件性地渲染一块内容 也可以添加v-else 在<template>元素上使用v-if条件渲染分组 如果想切换多个元素，就可以把<template>元素当作不可见的

绑定HTML Class 对象语法 v-bind:class 1.绑定的数据对象内联定义在模板里： 模板： data: 结果渲染： 2.绑定的数据对象不必内联定义在模板里： 数组语法 可以把一个数组传

声明式渲染 文本插值 v-bind 指令 注：v-bind：title 将这个元素节点的title特性和Vue实例的msg属性保持一致,title显示的值就是msg的属性值 条件与循环

插值 文本 v-once 原始HTML v-html Attribute（属性） v-bind 布尔attribute（他们只要存在就意味着值为true）,例如： 指令 指令 是带有 v- 前缀的特殊

创建一个Vue实例 数据与方法 实例生命周期钩子 beforeCreate--created--beforeMount--mounted--beforeUpdata--updated--beforeD

计算属性 结果： 方法 计算属性的setter 计算属性默认只有 getter，不过在需要时也可以提供一个 setter： 侦听器 当需要在数据变化时执行异步或开销更大的操作时，使用侦听器更好