首先安装VUE
npm i vue -S
导包
import Vue from 'vue'
注意 在webpack中使用import Vue from ‘vue’ 导入的vue 构造函数 功能不完整,只提供了runtime-only的方式并没有提供像网页那样的使用方式
得用这个
import Vue from '../node_modules/vue/dist/vue.js'
引入.vue文件
import template_login from ‘./template_login.vue’
默认webpack无法打包.vue文件,需要安装相关的loader
cnpm i vue-loader vue-template-compiler -D
在配置文件中 新增loader配置项 {test:/.vue$/,use:‘vue-loader’}
在webpack中 如果想要通过vue把一个组件放到页面中展示,vm实例中的render函数可以实现
在webpack4.0之后要使用 还需要配置
const VueLoaderPlugin = require('vue-loader/lib/plugin');
plugins: [
// make sure to include the plugin for the magic
new VueLoaderPlugin()
],
在配置文件中配置:webpack.config.js