angular,vue,react的基本语法—动态属性、事件绑定、ref,angular组件创建方式

基本语法:

动态属性:

vue:
v-bind:attr="msg"  :attr="msg"
react:
attr={msg}
angular
[attr]="msg"

事件绑定:

vue:
v-on:click="handleChange($event)"    @click="handleChange"
react
//第一种方法
constructor(){
    this.handleChange=this.handleChange.bind(this); //改指向
}

onClick={this.handleChange}

//第二种方法

onClick={(ev)=>this.handleChange(ev)} //当使用箭头函数传参时,不需要改指向
angular
(click)="hangleChange($event)"

ref(获取dom元素)

vue
<div ref="divElem">aaaaaaaa</div>

js:
console.log(this.$refs.divElem)
react
<div ref="divElem">aaaaaaaa</div>

js:
console.log(this.refs.divElem)
angular
<div (click)="handleChange($event,divElem)" ref-divElem>aaaaaaaa</div>


js:
handleChange(ev,elem){
  console.log(elem)
}

 

angular组件创建:在命令提示符里输入ng g component 组件名

转载于:https://www.cnblogs.com/xiaojianwei/p/10073307.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值