vue的声明式渲染、条件与循环、事件绑定、双向绑定

Vue.js的核心是一个允许采用的简洁的模板语法来声明式地将数据渲染进DOM的系统:

  1. 声明式渲染
    {{ message }}
    vue的声明式渲染、条件与循环、事件绑定、双向绑定
    vue的声明式渲染、条件与循环、事件绑定、双向绑定
    页面显示
    vue的声明式渲染、条件与循环、事件绑定、双向绑定
  2. 条件与循环
    (1) v-if
    vue的声明式渲染、条件与循环、事件绑定、双向绑定
    vue的声明式渲染、条件与循环、事件绑定、双向绑定
    seen:false不显示seen:ture显示(自己试试)
    页面显示
    vue的声明式渲染、条件与循环、事件绑定、双向绑定

(2) v-for
vue的声明式渲染、条件与循环、事件绑定、双向绑定
vue的声明式渲染、条件与循环、事件绑定、双向绑定
页面显示:
vue的声明式渲染、条件与循环、事件绑定、双向绑定

  1. 事件绑定
    v-on:click
    vue的声明式渲染、条件与循环、事件绑定、双向绑定
    vue的声明式渲染、条件与循环、事件绑定、双向绑定
    页面显示
    vue的声明式渲染、条件与循环、事件绑定、双向绑定
  2. 双向绑定
    v-model
    vue的声明式渲染、条件与循环、事件绑定、双向绑定
    vue的声明式渲染、条件与循环、事件绑定、双向绑定

页面显示
vue的声明式渲染、条件与循环、事件绑定、双向绑定