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 1992 2

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

admin 楼主

2019-8-7 18:10:37

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

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

x

4 v" l! E, x3 |2 Q4 v0 o9 Q3 Y
) M# N9 `* k9 A
+ M* Z9 G( d, J+ ^' g/ ?3 Z9 e& `8 v5 I6 y
<!DOCTYPE html>
8 c6 J2 M6 X) q) j$ `  V8 {. x<html lang="en">4 H& ~- J( O0 a' R: M) m5 e2 }
<head>
7 u7 A1 {0 n- _  O! F    <meta charset="UTF-8">0 [+ M7 I/ e! ~
    <title>to Do list</title>2 H* }* T( l3 H2 I: ?0 ?0 k5 T
    <script src="./vue.js"></script>
# P3 F  G6 o; c# P</head>
1 j3 ^+ e( Y5 C2 x2 R1 o) p) ?; O<body>
. ^) c3 a' q" Q2 Q6 Y6 X+ N9 r    <div id="root">! k/ m' [( N. g
        <input type="text" v-model="inputVaule" /># x6 a& h1 W* J9 W6 g: G  q2 l
        <button @click="Submit">Submit</button>$ S; X- Q. m/ Z  e  X9 l
        <ul>
8 u4 c4 G/ L3 M# M9 c# E1 O            <todo-item v-for="(item,index) in List" * H" i0 f4 Q5 |/ V+ n
            :key="index"
  R8 u3 E+ z; W  Q! e            :content="item"
; y- e: {4 j. c1 K+ N+ b4 Z            :index="index"
" ], ~2 w' u& J, B            @delete="handleDelete"3 B  x  o! z4 o1 D7 A
            >6 o# `2 T  X+ b7 \2 N8 J+ F8 M6 B
            </todo-item>
; a/ z0 |0 S0 r$ M! y2 L        </ul>& X: }. i4 r  H5 ?7 ^$ b/ i0 Y5 Y
    </div>
& ?( M; \2 u+ y; S. c! H    <script>
( }) r- [# C9 D5 [1 V. X        Vue.component('todo-item', {, w. ~6 D8 c; Q" K$ m: Z# o
            props: ['content','index'],5 _' Q: O. Q/ B
            template: '<li @click="deleteRow">{{content}}</li>',
/ B9 _# s; w- r/ F            methods: {, ^3 ^1 G. u6 r
                deleteRow:function(){: @3 I5 P. M" x0 L
                   this.$emit('delete',this.index);7 r' `. T* B* r) U- A8 U
                }
$ Y% D0 [6 Y0 c. P% _4 Z4 l            }
: S& C% \  e8 \7 |9 Z        })( Q$ G! w! L. V, S: w  S# D
        new Vue({2 l# E& q9 R. q' T7 V
            el: '#root',
! w9 H: \1 W$ F# |2 N6 c            data: {, |9 L2 P/ o; x
                inputVaule: '',
* T8 P4 L# m1 m- ^2 a                List: []6 W0 W. ~2 j' V5 P
            },, i7 D: J4 ~9 `: j4 _) _' D
            methods: {$ M! N5 v- N5 A+ s: [- x7 N
                Submit: function () {$ _$ h- M3 ]: F& d! R, e8 s
                    if (this.inputVaule != '') {
" i6 T9 X) S- A0 f' W2 S. a2 t                        this.List.push(this.inputVaule);1 V: p: i/ d( M( f. ]  r
                    }/ B7 M: G4 j& O
                    this.inputVaule = '';. @- A; I% i' m  i% k
                },; z6 d, |' |! E
                handleDelete: function(index) {& t" C- c4 R/ S
                    this.List.splice(index,1);               ( R5 D3 V# c6 \4 s' e
                }- K$ h9 ?" T7 w5 _* l* y! B
            }- ~* t0 V4 Y8 a; P# u6 {" n
        }): \' C8 y3 `5 S) P
    </script>, T# K) e9 n  r; p" U5 j& I
</body>
. T6 c0 ^: d( C2 C# C</html>
, J8 z) ]' W$ \' }! g1 c

9 Q( y7 T5 j. q5 ^0 p  O0 m4 q1 j8 y0 `+ ?) u: {
上海点团信息科技有限公司,承接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嘛,还是其他的什么
# E: l; \* f  G另外咱们平台对代码性质的这些分享,能像一些其他的技术平台一样,把展示效果做的好一些不,这样增强可读性
上海点团信息科技有限公司,承接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:22
) q, V9 p7 g" Q9 M最近楼主一直在分享vue的开发,这块的开发是针对TC的那个AWC嘛,还是其他的什么) ?, u. h! p. Q* d5 M; s
另外咱们平台对代码性质的 ...

% H) O# @7 y! y5 eweb 开发前端框架,以后着重于互联网方面了
上海点团信息科技有限公司,承接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二次开发专题模块培训报名开始啦

    我知道了