PLM之家PLMHome-国产软件践行者›社区 › PLM之家-自主工业软件/开源软件借鉴 › AI 人工智能学习专区 › VueJs V-show，v-if and v-for

热图推荐

[前端框架] VueJs V-show，v-if and v-for

[复制链接]

2019-8-7 09:56:07 2023 0

admin 发表于 2019-8-7 09:56:07 |阅读模式

admin 楼主

2019-8-7 09:56:07

请使用QQ关联注册PLM之家，学习更多关于内容，更多精彩原创视频供你学习！

您需要登录才可以下载或查看，没有账号？注册

<!DOCTYPE html>
<html lang="en">
<head>
      <meta charset="UTF-8">
      <title>Vue JS V-show, v-for,v-if</title>
      <script src='./vue.js'></script>
</head>
<body>
      <div id="root">
         
         <div v-if="show">hello plmhome</div>
         <button @click="toggle">toggle to display</button>

         <ul>
            <li v-for="(item,index) in list" :key="index">{{item}}</li>
         </ul>

      </div>

      <script>
      new Vue({
         el: "#root",
         data:{
            show: true,
            list:['plm','home','I','love','you']
         },
         methods:{
            toggle:function(){
               this.show = !this.show;
            }
         }
      })
      </script>
</body>
</html>

上海点团信息科技有限公司，承接UG NX，CATIA，CREO，Solidworks 等CAx软件，Teamcenter，3D Experience等PLM软件，工业4.0数字化软件的实施\二次开发\培训相关业务，详情QQ 939801026 Tel 18301858168 网址 doTeam.tech

使用道具举报

返回列表发布主题

PLM之家PLMHome-国产软件践行者

热图推荐

[前端框架] VueJs V-show，v-if and v-for

admin 楼主

请使用QQ关联注册PLM之家，学习更多关于内容，更多精彩原创视频供你学习！

发表回复