创建 Vue 实例的几种方法
1、html 文件中
<body>
<div id="root" :class="{cur: 1===1}">我们</div>
<script src="../js/vue.js"></script>
<script>
const vm = new Vue({
el: '#root',
data: {
isActive: true
}
})
// vm.$mount('#root')
</script>
</body>
要么通过 el 配置项将容器与模板关联起来，要么调用实例身上的 $mount 方法将容器与模板关联起来
el 与 $mount 它俩是同级别的，都是告诉容器，要挂载页面的哪个地方，如果没有它俩，生命周期就只能走到 beforeCreate 和 created，就不会往下走了
下面是 template 的场景，相信看完上图，你能够理解 template 配置项该怎么用
<body>
<div id="root"></div>
<script src="../js/vue.js"></script>
<script>
const vm = new Vue({
el: '#root',
template: '<div :class="{cur: isActive}">我们好</div>',
data: {
isActive: true
}
})
// vm.$mount('#root')
</script>
</body>
2、cli 中
import Vue from 'vue'
import App from './App.vue'
new Vue({
render: h => h(App)
}).$mount('#app')
标签：el,Vue,mount,vm,几种,实例,root,App From： https://www.cnblogs.com/zhumenglong/p/16841830.html只不过是在 html 写法的基础上增加了一个 render 配置项，将 App 组件放入到容器中