PLM之家精品课程培训

PLM之家精品课程培训

联系电话:18301858168   |   QQ咨询:939801026
NX二次开发培训

NX二次开发培训

UFUN/NXOpen C++和实战案例

适合初级入门或想深入了解二次开发的工程师,本培训结合ufun,NXOpen C++,大量的实例及官方内部的开发技术。
公众号二维码

关注公众号

点击扫描二维码免费在线高清教程

课程详情
Catia二次开发培训

Catia二次开发培训

市场需求大,掌握核心技术前景广阔

Catia二次开发的市场需求大,人才稀缺。掌握开发技能潜力巨大,随着经验积累将在汽车、航空等领域有所作为。
B站二维码

在线原创B站视频

点击关注工业软件传道士主页

课程详情
Teamcenter培训

Teamcenter培训

全方位培训,从基础应用到高级开发全覆盖

涵盖用户应用基础培训、管理员基础培训、管理员高级培训及二次开发培训等全方位内容,由多年经验讲师打造。
QQ群二维码

加入同行交流

点击扫描二维码加入QQ群

课程详情
×

PLM之家plmhome公众号

课程涵盖: PLM之家所有原创视频

×

关注B站视频

所有高清视频一览无余,全部在线播放学习

×

加入PLM之家QQ群

同行交流,疑问解答,更多互助

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

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

[复制链接]

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

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

admin 楼主

2019-8-7 09:56:07

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

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

x

/ B$ d  J8 ?% d5 u- d( |( ^' o9 Z9 o; M( k4 b- B! Y
/ c7 J! L- I4 [' F
<!DOCTYPE html>
' F8 `4 s$ q8 n9 `! `6 v; A, A<html lang="en">
( D/ d2 z% l3 {, _; q2 X; ^0 O6 q    <head>
$ Z' D- W' z% t0 Z9 M& x" I        <meta charset="UTF-8">
( \& A2 E6 N; x+ @4 j+ k' z! Y        <title>Vue JS V-show, v-for,v-if</title>
: y5 f3 U6 A0 U. r! O' ~- v& Z2 R        <script src='./vue.js'></script>
' M4 n; i/ m  d( b    </head>4 k1 Z  p* ]& O& b
    <body>
5 X5 ], c* X1 Y- _  S3 y2 t        <div id="root">7 E% S3 _0 D2 f$ a
            <!-- v-if delete the dom
1 A* d8 F0 a0 B7 ^, L            v-show just set the display:none -->* o/ T- `+ \$ z2 D
           <div v-if="show">hello plmhome</div>' ~3 D7 X2 R% V% s+ q
           <button @click="toggle">toggle to display</button>
/ m% i  _( Y3 B  T+ y2 a9 H3 @8 R8 D% a) z. O( i
           <ul>% v% g! g! m: c& T3 }
                <li v-for="(item,index) in list" :key="index">{{item}}</li>- ^: M% e8 Q& Z( z( z
            </ul>$ K, E4 K8 T# J1 W  i
7 y/ P8 Z; ^! U6 f& M, y, T& m
        </div>
* `2 C; r4 I  E6 ~9 e; U* e" a

& ~/ Y& i( e3 H/ h! `! M) t3 C        <script>: D" Y8 M6 C7 J9 R0 c
        new Vue({
$ f4 O: B: ^. r$ i- E            el: "#root",
! v8 e, V7 z  h, Z            data:{
- @  a$ N$ D% ]0 O, o7 d                show: true,
! m7 E5 S) B/ P3 x! m# A0 W' @                list:['plm','home','I','love','you']$ u! u9 u5 |0 J# U
            },9 r, Q3 z2 d( _9 \- k) G' M2 |9 R
            methods:{
! K4 M6 j8 p: C* W1 y% p$ _$ J               toggle:function(){
5 M, E7 J& m/ X+ x                   this.show = !this.show;7 Z/ c& S$ C6 o" d, p4 }* F
               }) q2 Q) R  O" M1 V
            }& w# q7 q' P0 O3 e* m- M$ |4 J
        })' e/ ~/ L  X$ x& }
        </script>* |( |: o8 }  e$ q9 |. Q
    </body>
5 [0 g8 x9 _+ Z" p/ N</html>2 i* [0 M3 @+ g$ Z; V5 y

: ^4 j1 S3 g  o6 F6 ]' o- l
0 f5 `, c5 {+ P$ \( `0 \
上海点团信息科技有限公司,承接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二次开发专题模块培训报名开始啦

    我知道了