html与vue合并使用,webpack与vue结合使用

例1：在webpack使用web

安装vue

`cnpm i vue -S

在index.html使用插件表达式来访问vue实例中的数据

{ {msg}}

复制代码

在main.js引入vue构造函数和创建实例

import Vue from 'vue'

var login = {

template: '

这是登录组件

'

}

var vm = new Vue({

el: '#app',

data: {

msg: '123'

},

methods: {},

components: {

login

}

})

复制代码

结果

页面不显示数据，且有错误提醒

原因是在webpack中，使用import Vue from 'vue'导入的vue构造函数，功能不完整，只能提供runtime-only的方式。

即import vue from vue加载vue包的入口文件是vue.runtime.common.js

包查找规