Vue.js 視頻學習筆記

ES6語法

var app=new Vue(){
        el: 'body',//掛載點
        template: '<div>{{fruit}}</div>',//模板，fruit能夠渲染到模板裏
        data{
            fruit: 'apple';//app攜帶的數據，能夠用app.fruit訪問
        }
    }
在其餘的組件裏，能夠經過new Vue(component（app）)去加載app這個組件,而後會有根組件，造成組件樹。

組件

全局註冊組件

<div id='dd'>
    <my-header></my-header>
</div>
Vue.component('my-header',{
        template: '<p>this is my header</p>'
    })

組件裏註冊組件

<div id='dd'>
</div>
var myHeader= {
        template: '<p>this is my header</p>'
    }
    
    new Vue({
        el: '#dd',
        template: '<p>{{word}}<my-header></my-header></p>',
        data: {
            word : "helloworld"
        },
        components: {
            'my-header': myHeader
        }
    })

實例方法屬性，vue的對象的方法，屬性，vm.$****

建立vue對象時添加的屬性：