从0学VUE-踩坑记录

作者：threedayman来源：恒生LIGHT云社区1.安装插件没有写到package.json中。比如需要安装vue-router插件，通过如下命令cnpminstallvue-router发现安装插件成功，但是package.json文件中的依赖信息中没有vue-router。查询完数据后，为了保证插件信息能够写入到package.json文件中，需要通过以下命令添加--save选项。cnpm安装vue-router--save2。路由信息不生效。路由配置信息index.js，配置路由地址和对应组件信息，以类似key和value的形式绑定。从“vue”导入Vue；从“vue-router”导入VueRouter从“../views/Home.vue”导入主页从“../views/About.vue”导入关于Vue.use(VueRouter)constrouters=[{path:'/',name:'Home',component:Home},{path:'/about',name:'About',component:About}]constrouter=newVueRouter({mode:'history',base:process.env.BASE_URL,routers})导出默认路由器路由组件页面Home和About通过App.vue页面演示路由跳转，App.vue相关代码如下演示过程中发现路径信息随着点击发生了变化，但是没有显示组件信息。下面确认是由于索引中的routes拼错了routers，改正后正常。这种拼写错误开发工具没有提醒，或者后端开发编译器不报错，所以定位问题只能靠搜索工具。Componentregisteredbutnotused定义了一个CommonAside.vue组件，并在Main.vue中使用。.el-header{background:#333;}.el-main{padding-top:0;}通过npmrunserve启动项目时，出现如下错误信息The"CommonAside"componenthasbeenregisteredbutnotusedvue/no-unused-components建议通过搜索相关资料首字母改为大写，修改后项目正常启动。