vue的两种实例化

一、创建实例化

//准备容器
<div id = "App">{{msg}}</div>
//引人开发版本包
<script src=''></script>

<script>
  const app = new Vue({
    //指定挂载点
    el: '#App'
    //data提供数据
    data: {
     msg :'hello'
    }
  })
</script>

二、脚手架实例化

//main.js
//基于App.vue创建结构渲染index.html
//导入vue核心包
import Vue from 'vue'
//导入app.vue根组件
import App from './App.vue'

//提示当前处于什么环境（生产环境/开关环境）
Vue.config.productionTip = false

//vue实例化，提供render方法，基于App.vue创建结构渲染index.html
new Vue({
  render: h=> h(App),
}).$mount(#app)
//$mount(#app)指定vue管理的容器