【面接まとめ】一度失敗したbilibili面接まとめを覚える(3)

class Parent extends Component {
    state = { a: 6 }
    
    changeA = () => this.setState({ a: this.state.a + 1 })

    render() {
        return (
            

                     ，       props   
                    a={this.state.a} 
                    //   =>     ，       this      
                    changeA={this.changeA}
                />
            

        )
    }
}
 
   
class Child extends Component {
    render() {
        return (
            

                {this.props.a}
                      
                    onClick={this.props.changeA}
                > +1 
            

        )
    }
}
 
   
Vue
 
   



    import Child from 'xxx';
    export default {
        name: 'Parent',
        data() {
            return { a: 5 }
        },
        methods: {
            addOne(value) {
                this.data = value
            }
        },
        components: { Child }
    }

  
<template>
    <div>
        {{a}}
        <button @click={changeA}>+1button>
    div>
template>

<script>
    export default {
        name: 'Child',
        props: { a: Number },
        methods: {
            changeA() {
                //          addOne,              
                this.$emit('addOne', this.a + 1)
            }
        }
    }
script>
  
Reactの  で える
setState   、stateが   の を しく  できない  
setState  、Reactはすぐにstateの を  しなかった.stateを  するたびに しいVdomツリーを  しDomを  するのはコストが いため、Reactのやり はsetStateを     に  し、   setStateを  して1 にし、  にDomを  して  し、  を   することである.
    this.setState({
        a: 5
    }, () => {
        // setState                
        //          state     
    })
  
なぜStateless Functionを  するのか
コードがより なく、  がより  である
は、Reactデータストリームの  からの  の  
により  する.
 bindメソッド
を  する  はありません.
ReactのVirtual Domの    とその  
JSでDomを  するコストは、ブラウザの      メカニズムを き こすため、パフォーマンスの  が しく、JSでオブジェクトを  する  が い.ReactチームはDiffアルゴリズムを じて、  の2つのVdomの  を  し、 いを つけ、Domを  に  し、オーバーヘッドを らす.Reactチームは, じ のコンテンツなどのアルゴリズムの   を    することで,アルゴリズムの  さをO(n)に  した.
Vueの  で える
v-ifとv-showの い
v-ifはDomを  のDomツリーから    し、v-showはdisplay: noneが  されているのに  しますが、DomはDomツリーに  します.どちらの  もメリットとデメリットがあり、キャッシュのようなもので、  によって  が なります.
なぜdataはfunctionを  してオブジェクトを すのか
dataがオブジェクトの  、コンポーネントに  のインスタンスがある  、dataが  タイプであるため、 のインスタンスに  を えるため、インスタンス のdata  を  します.
computedとmethodsの い
computedメソッドにはキャッシュ があり、methodsにはキャッシュ は  しません.
vueはどのように   の
vueの   は、    と  の2つの  に けることができ、  に えば、      は  どの  がこの  に  しているかを え、    はObjectを  する.defineProperty()メソッドは,setとgetフック  を  し,フック  で  することで   を  する.
まとめ
  のフレームワークはツール、フレームワーク??プロジェクトを  しない??へえ.
ps:  もいくつかの  の   を えて、  の  をすることができます