PLM之家精品课程培训,联系电话:18301858168 QQ: 939801026

  • NX二次开培训

    NX二次开培训

    适合初级入门或想深入了解二次开发的工程师,本培训结合ufun,NXOpen C++,大量的实例及官方内部的开发技术对于老鸟也值得借鉴!.

    NX CAM二次开发培训报名 NX二次开发基础培训报名
  • PLM之家Catia CAA二次开发培训

    Catia二次开发培训

    Catia二次开发的市场大,这方面开发人才少,难度大。所以只要你掌握了开发,那么潜力巨大,随着时间的积累,你必将有所用武之地!

  • PLM之Teamcenter最佳学习方案

    Teamcenter培训

    用户应用基础培训,管理员基础培训,管理员高级培训,二次开发培训应有尽有,只要你感兴趣肯学习,专业多年经验大师级打造!

  • PLM之Tecnomatix制造领域培训

    Tecnomatix培训

    想了解制造领域数字化吗?想了解工厂,生产线设计吗?数字化双胞胎,工业4.0吗?我们的课程虚位以待!

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

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

[复制链接]

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

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

admin 楼主

2019-8-7 09:56:07

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

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

x

4 M  d' K/ S7 W& I4 s3 v
/ H0 k- U/ K3 j+ D: P
! @2 s# c! b) D: x3 U% E<!DOCTYPE html>/ n$ P! w7 N1 g& @$ ~
<html lang="en">) {$ V8 C+ j2 l
    <head>9 G" U- W; ^4 k; ?8 e: n. K' m& o
        <meta charset="UTF-8">
  s6 W/ V. c1 s( k0 I* z        <title>Vue JS V-show, v-for,v-if</title>- Z* v; ?! Q, H% B2 M
        <script src='./vue.js'></script>* r) K/ y. R8 p
    </head>
. m( W2 _+ Q* ^+ {! D/ r- j    <body>% G- q4 ?; S; {& C
        <div id="root">% z: i7 l  O( O  r
            <!-- v-if delete the dom  u+ ]! q  W2 `9 _8 ?8 _/ j
            v-show just set the display:none -->: N+ b7 ~; C, c2 ]- [/ A9 q% y) ~' I
           <div v-if="show">hello plmhome</div>
' @2 q$ n2 a+ x( y           <button @click="toggle">toggle to display</button>
  [4 r7 C  [/ [. d* Y
, U  `  l5 ^' U8 E           <ul>& g( y! n0 z0 G
                <li v-for="(item,index) in list" :key="index">{{item}}</li>
8 D$ ~+ L$ T% P            </ul>/ O: q% g0 d, Z, K9 a9 X

. z6 {" m  G  b$ r        </div>5 }" ]+ k8 e3 _
$ R2 l* a" }4 ]( A8 o

6 s* L3 L$ |2 B) h' K, X) E: [( u+ k        <script>
$ L* \+ A% C9 t8 X9 I! e        new Vue({
; q' e$ o6 ~) E* Q            el: "#root",
* I" t# j0 Z1 q+ h            data:{
* i* W* G, s3 W  H4 p5 r7 J                show: true,
# l+ T; n, v0 f6 I                list:['plm','home','I','love','you']
2 Y: C* g: ~: }3 b6 g+ d8 y0 o, e            },7 B, s  r; u" s! ^3 V* I! x" D0 `
            methods:{* s! j/ e" C  U6 c' F
               toggle:function(){  N5 E0 E9 v1 P! ]' D
                   this.show = !this.show;* E! v! ]7 C' {# t9 F9 A
               }
  A. a- g% L: E9 u' h            }  X( e- n* l' ]" X
        }), R8 S" g7 Q% {9 l4 a& s/ X2 p: j6 j
        </script>7 X7 r; i1 [) z" F6 f+ I
    </body>
, D% S7 G4 Z/ {+ Z5 ]* O</html>
6 u2 \; ?1 h1 I, u

, b, y0 ?+ P; l3 c: d" `! b
8 e, Z2 F- W' P' s5 I9 B! }
上海点团信息科技有限公司,承接UG NX,CATIA,CREO,Solidworks 等CAx软件,Teamcenter,3D Experience等PLM软件,工业4.0数字化软件的实施\二次开发\培训相关业务,详情QQ 939801026 Tel 18301858168 网址 www.diantuankj.com/ doTeam.tech
回复

使用道具 举报

发表回复

您需要登录后才可以回帖 登录 | 注册

返回列表 本版积分规则

  • 发布新帖

  • 在线客服

  • 微信

  • 客户端

  • 返回顶部

  • x
    温馨提示

    本网站(plmhome.com)为PLM之家工业软件学习官网站

    展示的视频材料全部免费,需要高清和特殊技术支持请联系 QQ: 939801026

    PLM之家NX CAM二次开发专题模块培训报名开始啦

    我知道了