在webpack构建的项目中使用vue来开发

首先使用命令安装vue

npm i vue -D

1.在main.js中导入vue
方法一：

import Vue from '../node_modules/vue/dist/vue'

方法二：

import Vue from 'vue'

但是着这种方法还需要在webpack.config.js里面与module平级配置reslove

resolve:{
        alias:{
             "vue$":"vue/dist/vue.js"
        }
        }

2在main.js中定义一个vue的实例

var vm = new Vue({
    el:'#app',
    data:{
        msg:'123'
    },
    methods:{

    }，
})

3在index.html中定义一个vue作用的范围域

 <div id="app">
          {{msg}}
      </div>