Vue中el与data的两种写法

data与el的两种写法

            1.el有两种写法

                     (1).new Vue时配置el属性

例：

new Vue({

            el:'#root',

            data:{

                name:'尚硅谷'

            }

        })

                     (2).先创建Vue实例，随后再通过vm.$mount('#root')指定el的值。

例： 

const v=new Vue({

        data:{

            name:'尚硅谷'

           }

        })

         console.log(v)

        v.$mount('#root')

            2.data有两种写法

                     (1).对象式

例：

new Vue({

            el:'#root',

            data:{

                   name:'尚硅谷'

            }

        })

                     (2).函数式

例：

new Vue({

            el:'#root',

            data(){

                console.log('@@@',this);

                return{

                    name:'尚硅谷'

                }

            }

        })

                     如何选择：用组件时，data必须使用函数式，否则会报错

            3.一个重要原则：

                     由vue管理的函数，一定不要写箭头函数，一旦写了箭头函数，this就不再是Vue了