当在wepack的入口文件中引入的是全的vue包时
可以使用components来进行组件的渲染的
但是如果引入的是不全的runtime-only包的时候
就要结合vue文件和render进行页面的渲染的
1.vue文件中结构
<template></template>
<script>/script>
<style></style>
2.写好vue文件后在入口文件中引入vue文件
import login from '..../.vue'
//login相当于模板对象
3.因为引入了vue文件所以要下载能解析加载他的loader
并在配置文件中配置处理它的rules
npm i vue-loader vue-template-compiler -D
在配置文件中
let VueLoaderPlugin = require('vue-loader/lib/plugin')
modlue.exports={
module: {
rules: [{
test: /\.vue$/,
use: ['vue-loader']
}
]
},
plugins:[
new VueLoaderPlugin()
]
}
使用render而不是components渲染到页面
var vue=new Vue({
render:function(createElements){
return createElements(login)
}
})
简化代码
var vue=new Vue({
render: createElements =>createElements(login)
}
})