Vue中的 el 和 mount 挂载

标签：操作   code   模板   使用   目的   方式   对象   选择   效果   

<div id="app">
  <p>{{ message }}</p>
    <p>{{ good }} </p>
</div>

<script>
new Vue({
  el :‘#app‘
  data: {
    message: ‘Hello Vue.js!‘,
      good:‘this ia a el test‘
  }
})
</script>

2.通过在vue对象后面.$mount(‘选择器‘)绑定操作块元素

<div id="app">
  <p>{{ message }}</p>
    <p>{{ good }} </p>
</div>

<script>
new Vue({
  data: {
    message: ‘Hello Vue.js!‘,
      good:‘this ia a mount test‘
  }
}).$mount(‘#app‘)
</script>

二者从使用效果上没有区别，目的都是将vue实例化的对象挂载到DOM元素上；指定el，在模板渲染的时候会将对象渲染到模板中，如果未指定，vue对象属于‘未挂载’状态，需要手动指定挂载，在对象后面 .$mount()加上dom元素

Vue中的 el 和 mount 挂载

标签：操作   code   模板   使用   目的   方式   对象   选择   效果   

原文地址：http://blog.51cto.com/10412806/2130774