Vue 学习使用

基础知识

# 循环语句
<div v-for="item in items">
    {{ item.name }}
</div>

# 条件判断
<h1 v-if="ok">Yes</h1>
<h1 v-else>No</h1>

# 包装元素template, 不渲染
<template v-if="ok">
  <h1>Title</h1>
  <p>Paragraph 1</p>
  <p>Paragraph 2</p>
</template>

# v-show：v-show作用与v-if类似，不同的是v-show的元素会始终渲染并保持在 DOM 中,且v-show不支持<template>标签
<h1 v-show="ok">Hello!</h1>