el与data的2种写法

el的2种写法

1.el: '#root',

<div id="root"> 

</div>

<script type="text/javascript">

     const x= new Vue({
     el: '#root',
     data: {
             name: '伏尔加'
           }
 })

</script>

2. x.$mount('#root')

<div id="root"> 

</div>

<script type="text/javascript">

     const x= new Vue({
     data: {
             name: '伏尔加'
           }
 });

    x.$mount('#root');

</script>

data的2种写法

<div id="root"> 

</div>

<script type="text/javascript">

     const x= new Vue({
     el: '#root',
     data: {
             name: '伏尔加'
           }
 });

</script>

<div id="root"> 

</div>

<script type="text/javascript">

     const x= new Vue({
     el: '#root',
     data() {
         return {
             name: '伏尔加',
         }
     }
 });

</script>