vue Vue实例绑定DOM元素

总结

1. el 与 $mount 共用时，el 优先级高于 $mount
2. template 与 render 共用时，render 的优先级高于 template
3. render未定义 && (template未定义 || template为空串)，显示原DOM结点；否则将会替换以el绑定的节点为根节点的整棵DOM子树

一、el 与 $mount

el 的优先级高于 $mount

let vm = new Vue({
   
   el: '#testApp',
   template: '<div>vue</div>'
 })
 vm.$mount('#testApp2')
 // 最终是绑定到 #testApp 上

二、有template或render

1. 挂载实例后，template 或 render 将会替换以 el 为根节点的整棵DOM子树
2. 若 template 未定义或 template 为空字符串（只有空格也不行），且没有定义 render 函数时，Vue实例绑定的DOM子树不会被替换