基本語法：

動態屬性：

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 元件名