[Vue]インスタンスの作成

985 ワード
vue テキストリンク
htmlに直接vue scriptを追加したり、cliをインストールして単一ページのページにしたりすることができます.

ビューインスタンスの作成

new Vue({
//인스턴스 옵션 속성
    el: indexl.html의 클래스&아이디
    data :{객체를 반환하는 함수}
    template: <el에 마운팅 되는 컴포넌트 명/>
    components: {사용할 컴포넌트}
    created: 뷰 인스턴스가 생성되자마자 실행할 로직을 정의할 수 있는 속성 
})
インスタンスは、選択可能なネストおよび再利用可能な構成部品ツリーから構成されます.
インスタンスが作成されると、dataオブジェクトのすべてのプロパティがVueの反作用システムに追加されます.プロパティ値が変更されると、ビューが更新され、新しい値に応答します.(バインドデータ)

var data = { a: 1}

이 데이터 객체를 아래와 같이 vue인스턴스에 추가할 수 있다.

new Vue({
    data: {
    a: 1
})
また、データが変化すると、画面が再レンダリングされます.
データの内部でNull値または存在しない値から始まる値を初期値として指定できます.
2. Two Sum
Instagramウィジェット:私の最初のウェブコンポーネント