Vue.js 是一个渐进式 JavaScript 框架,用于构建用户界面和单页应用程序。以下是 Vue.js API 的简要概述,以及一些常用方法的示例。

常用方法

  • v-model: 用于实现表单输入和数据绑定的双向数据流。

    <input v-model="message">
    
  • v-for: 用于遍历数组或对象,渲染列表。

    <ul>
      <li v-for="item in items">{{ item }}</li>
    </ul>
    
  • v-if / v-else-if / v-else: 用于条件渲染。

    <div v-if="ok">条件为真</div>
    <div v-else>条件为假</div>
    

组件

Vue.js 使用组件来构建可重用的 UI 组件。以下是一些常用组件的简要介绍。