2019-10-21

vue   v-if的应用

1.html的用法

&.一定先引入  vue.js

<div id="app"> 

 <p v-if="seen">你好!小伙伴</p> 

第一步:在p标签写上v-if 并给一个状态 

 </div>

2.

在<script>里

首先注册组件  然后挂带点

new Vue({

  el: '#app',       //然后挂带点

  data: {

    seen: true,

给p标签的一个状态为true,就显示你写的文字 }

})

vue 写法

首先下载脚手架

在<template>的div里写

同上

<div v-if="ok">

      <h1>坚持</h1>

      <p>心态很重要</p>

      <p>为了挣钱而更加努力</p>

    </div>

2.在<script>里

data里给ok一个状态为 true  这样也显示你写的文字

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容