vue组件简单使用过程

所需文件:

页面HTML:内容有ID为app的div标签,用来被vue的el来挂载并展示其模板

main.js: 1.  导入import vue和vue组件   2.  new vue实例: 属性el,组件components: {App},模板 template :<App/>, 模板和el同时存在的话,el被挂载的标签作用是指引模板显示在哪。

App.vue等组件:包含template,script,style三个顶级标签,webpack打包vue组件需要有vue-loader和vue-template-compiler来解译vue文件。

posted @ 2021-03-17 20:05  遥想公瑾当nian  阅读(71)  评论(0)    收藏  举报