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-国产软件践行者

[前端框架] Vue js实例,简单的ToDoList 实现

  [复制链接]

2019-9-1 18:31:50 1998 2

admin 发表于 2019-8-7 18:10:37 |阅读模式

admin 楼主

2019-8-7 18:10:37

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

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

x

5 q) J" ^9 n! b6 p) p( z. ~) Z; T6 h* _  v+ w& f5 D
* o" P5 n. M9 s" C  |: p+ Z

( G- B1 y1 X! [: o4 `, O<!DOCTYPE html>3 }9 [- d9 Y: \4 A' l
<html lang="en">7 _  w$ O! i& H8 ^
<head>8 M) ~/ ?, L( e% h+ J6 L" }
    <meta charset="UTF-8">
0 N; V# z# c5 R: K& c    <title>to Do list</title>
* ?$ ?5 U  q" t$ `3 _    <script src="./vue.js"></script>+ o$ S( U; X5 e& c- L% w0 f
</head>
) ~" H5 q  D# m/ N9 M: y<body>" |% I3 u3 ?6 ]) w) k' l. S/ H
    <div id="root">
/ z, |- s; v5 E# b. Q- U& T+ Q        <input type="text" v-model="inputVaule" />
% ~: @* N/ k3 ~9 K2 o        <button @click="Submit">Submit</button>
. p; Q" L( a; K4 |! C- f" b        <ul>6 m+ m& e, H/ q
            <todo-item v-for="(item,index) in List" 2 R" ^) W* t* w' ]
            :key="index" $ |; O9 }5 J  }' x+ R
            :content="item"
! y6 t1 k& W9 K# R; G3 N7 Z6 f. s            :index="index"; E  ]! {+ y# e$ j+ E$ m# ]" d8 T
            @delete="handleDelete"
- t0 M2 o- i' A. K1 Q/ z            >
6 b( M+ m2 a' y1 O            </todo-item>
* n! h4 b& P2 G5 J        </ul>
* F& {& v  t8 _* N    </div>6 N" U& D  M, P. ]
    <script>  S( _  f# _: K5 t( g
        Vue.component('todo-item', {4 B% t4 C7 m# |0 O
            props: ['content','index'],
( P- s- p9 L( R! j            template: '<li @click="deleteRow">{{content}}</li>',
2 d, Q- y, b5 d8 L: N9 a! A. d            methods: {
" G1 u% Z: l4 j( Z" l                deleteRow:function(){& g; j! w) n; D4 h
                   this.$emit('delete',this.index);
( o$ O, r! I6 m0 j0 d0 [- Y1 s                }; ~1 L: P1 W# R
            }
$ ~6 f$ ^0 p4 p        })  E- t! u+ n! v# u: l
        new Vue({
2 c, I3 P: ]. }+ f, t            el: '#root',
, z" Q5 ^2 K% y7 ~1 q. V4 K' ?- d            data: {% m3 k  f% k9 N4 c' U; V
                inputVaule: '',$ ~$ \% y6 t8 n% T1 [) A
                List: []
  b; @, k- R% V. Z$ ~            },! ~4 X( c" h3 B9 C& q8 o5 F
            methods: {
; v& f% ^7 Q% H' w0 ?1 }                Submit: function () {
1 k# t) j" m( T" p                    if (this.inputVaule != '') {
  t& S7 c% C7 \0 P$ j4 f5 v                        this.List.push(this.inputVaule);
0 G3 e0 \- Z) q0 ~7 ]. @5 j0 E                    }
' j/ X. m& [$ d                    this.inputVaule = '';
2 {& F% g& p7 t. F2 t" ?                },' h- t8 G9 M+ X& h
                handleDelete: function(index) {, G' d) i; ~; V( X- h4 t
                    this.List.splice(index,1);               
4 w- u- `: B  N$ N/ G7 G                }) m1 z1 D) F; R& _# A3 h; E9 _
            }% L9 y8 K+ X* y) L; N  c
        })
1 H7 n- `- N' g$ [/ @) F6 I: ~4 o    </script>
+ f) L0 o; H# i: V7 A' w</body>
- ^# m. h2 Q& O. g4 L</html>
( R# e/ h6 X  l" A0 V- e1 {3 N

" Y' L. [! B" x. O) H! B* R0 E: A/ x# g3 ^
上海点团信息科技有限公司,承接UG NX,CATIA,CREO,Solidworks 等CAx软件,Teamcenter,3D Experience等PLM软件,工业4.0数字化软件的实施\二次开发\培训相关业务,详情QQ 939801026 Tel 18301858168 网址 www.diantuankj.com/ doTeam.tech
回复

使用道具 举报

全部回复2

Frank 发表于 2019-8-10 09:22:12

Frank 沙发

2019-8-10 09:22:12

最近楼主一直在分享vue的开发,这块的开发是针对TC的那个AWC嘛,还是其他的什么
# Y' T+ F5 M1 E另外咱们平台对代码性质的这些分享,能像一些其他的技术平台一样,把展示效果做的好一些不,这样增强可读性
上海点团信息科技有限公司,承接UG NX,CATIA,CREO,Solidworks 等CAx软件,Teamcenter,3D Experience等PLM软件,工业4.0数字化软件的实施\二次开发\培训相关业务,详情QQ 939801026 Tel 18301858168 网址 www.diantuankj.com/ doTeam.tech
回复 支持 反对

使用道具 举报

admin 发表于 2019-9-1 18:31:50

admin 板凳

2019-9-1 18:31:50

Frank 发表于 2019-8-10 09:224 M' {" |' B& Q9 H
最近楼主一直在分享vue的开发,这块的开发是针对TC的那个AWC嘛,还是其他的什么
$ n3 V: t& w- l, D7 o; Q' o& D另外咱们平台对代码性质的 ...

' ~" v# n+ H4 r1 R/ Q+ ^6 F  rweb 开发前端框架,以后着重于互联网方面了
上海点团信息科技有限公司,承接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二次开发专题模块培训报名开始啦

    我知道了