1.
cannot find element:#app
这是由于引入JS文件在HTML head区域。
2.在采用webpack使用vue时,导入模块Vue,会导致runtime-only
这是由于Vue有2种模式,runtime-only和complier
我们采用的默认vue定义方式属于complier,这里需要指定我们的路径才可以显示,
解决方法一:
采用下面这种导入方式
方法二:
在webpack中配置resolve,
3 定义VUE complier模式
import Vue from 'vue'
import login from './login.vue'
const vm = new Vue({
el: '#app',
data: { },
render: c => c(login)
//这里是简写形式,完整版应该是
// function (createElements) {
// return createElements(login)
//}
})
运行模式和常规模式相同
new vue = new VUe({
el:"app",data:{},component: login,
})
4 Vue定义路由
https://blog.csdn.net/wulala_hei/article/details/80488727
5.在组件中引入CSS文件和JS文件
引入CSS文件: @import '/static/css/easydialog.min.css';
引入JS文件:<script src="/static/js/easydialog.min.js" ></script>