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对象时添加的属性：