Vue el和data的两种写法

1、el的两种写法

    <div id="app">{{name}}</div>
    <script>
        var vm=new Vue({
            // el: '#app',//第一种写法
            data:{
                name: '小提'
            }
        })
        vm.$mount('#app');//第二种写法，Vue中自带的方法
    </script>

2、data的两种写法

    <div id="app">{{name}}</div>
    <script>
       new Vue({
        el: '#app',
        //1、对象式写法
        /*data:{
            name: '小提'
        }*/
        //2、函数式写法(:function可以省略)
        data:function(){
            return{
                name: '赛诺'
            }
        }
    })
    </script>

后期学习组件时，会经常使用到函数式的data写法，否则会报错。