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

[前端框架] 组件方式开发todolist

[复制链接]

2019-8-8 17:24:11 1860 0

admin 发表于 2019-8-8 17:24:11 |阅读模式

admin 楼主

2019-8-8 17:24:11

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

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

x

3 q' A( i: ^- O7 P( g5 P  Q8 b# ]( D/ x: V' v6 y

: Y: }' p  S4 K9 S+ m2 m) ~5 N! S+ a% e* ]+ b3 D
<template>* w! h5 M2 K+ e) G+ T2 ~% k1 o; w
  <div id="App">
1 \; C+ A+ G' K7 ~# \, S! M( g    <input v-model="inputValue" />/ }8 M2 k7 U# a9 ^
    <button @click="submit">Submit</button>3 @* Q9 u* f% o- Z& B( U
    <ul>3 l! {0 F1 ~# H8 R
      <todoItem- L7 |/ a1 G: ?9 Q2 B+ X) ?) i
        v-for="(item,index) in List"6 n/ g4 v" j" X2 Z3 X- e
        :key="index"2 _1 a/ |! H& v% I" [$ `( f, Q4 e
        :content="item"
5 C8 ^1 A5 x- a' A+ G1 ~  L2 B        :index="index"
8 e! s+ C+ `, c9 i% g1 G* a- h* N        @delete="handleDelete"
( o* v3 C9 k+ `4 B. W      ></todoItem>
! _$ v- p$ t0 H    </ul>& g! M1 u5 V3 [: c1 b2 U4 y) `
  </div>
3 m9 F6 Z5 z3 i6 ^% O9 S  R</template>4 O% P/ j# l) ^) Q- t7 `
8 ^! j8 q% ~- H8 n2 }
<script>" m- F$ H4 E7 e; ]2 L, V( X
import todoItem from "@/components/item.vue";
. M5 B7 v+ A8 H4 ^
4 Q) O( o5 F5 Rexport default {0 z5 q$ p: ]0 U7 P" t. c+ T
  data: function() {
+ n/ R2 m( N2 {- T8 d$ y4 W1 Y' Y    return {
$ P$ x. S1 }8 h      List: [],
* G* J7 {+ S5 u      inputValue: ""
5 _# }2 @) ]+ \0 }    };
. B  l; W( O1 z0 m2 m& a. t, Q  },
& r: v& m7 y$ i8 l% m4 a  components: {
" r  v  |! E/ M/ ?: m0 G    todoItem
  r( b' o5 E" y  },
& F7 C% q2 q( P/ ?  methods: {/ R, i! x2 n+ j
    submit: function() {. {3 c" {1 b9 M' [& n3 C2 t! b1 l
      if (this.inputValue != "") {3 r& q: O6 l0 k5 X
        this.List.push(this.inputValue);- n$ M8 w" B9 }0 e
      }1 m/ Q1 U# C/ W2 W. w
      this.inputValue = "";
6 O. m# W, s' {+ v' d; J5 w    },
4 F! w$ C. ^$ ?. W6 D, h    handleDelete: function(index) {  s0 I2 }( i5 V8 f/ K- U/ t. ]
      this.List.splice(index, 1);
8 C2 s" E& e+ d' b- R7 L    }
; H8 w5 Q. e9 l/ z3 y/ t5 C3 q1 Z  }
" Y2 ~+ x% D- e};, q: R. A$ u6 E5 r
</script>/ W7 c  _( ~- W& F

% A, x5 v; N2 u( K  P' D% J. @' U8 s4 s2 i' T5 h& [
9 r# |' _+ `. j* ^5 \

6 t5 A" C/ ~+ G  b+ X+ S- R
3 C8 t2 I# T, H4 s. ]# w+ a) @0 T
4 z0 s! m# f% @' w( A
" c' o+ p+ m' W, d% V8 z<template>( s: t2 p9 f: |+ K" F
  <li @click="deleteItem">{{content}}</li>/ `+ N: G; m' d/ H
</template>
! K4 L% T# s% _3 z3 r& K( L* a1 \% Z' E9 V- K, |
<script>
6 c" S$ A6 U5 Q; ?export default {
% _' C% f( e* n+ N! x# ~  props: ["content", "index"],/ ~) b: u5 }  M, ~8 M4 ~" K
  data: function() {: C1 a7 z4 H) w9 e
    return {};4 A# P! q4 G  G
  },
% H. n  P; q0 ?2 f1 F) e  [  methods: {
* B% }, l, Z' f) k! w1 q    deleteItem: function() {
9 A5 {) ]' A! Z$ S, {      this.$emit("delete", this.index);
$ s& y2 Y; Q/ {2 r0 ^* J- X    }, u. G' {  `/ e- W
  }+ I. @% W' \6 ^( B: N
};
- @& m, b" r' c0 h* C% t* S</script>" ?8 D, G, p* `: Q
: u! X/ S' Y9 p3 Q9 X" A
6 G0 i) v- \1 Y- l8 t1 k
# [8 ~* i# A0 [  O

! L- e  ?7 z' ^% @$ [+ G% l
上海点团信息科技有限公司,承接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二次开发专题模块培训报名开始啦

    我知道了