此文件夹下为存放组件目录,建议将每个组件再单独建立一个文件夹里面存放js,css,html,vue文件

例如主页:

 

 

 Home.vue里为

 

 

 将script中代码剪切粘贴至home.js中,home.js里面不需要写script标签.

注意:目录名称与目录下文件不要一模一样,文件名最好大写首字母

 

 

home.html里为home.vue中template中的内容 注意:此时template标签中不需要写id,id写在html的第一个div中

以此类推,Home.vue中不需要写东西 只需要引用,让代码更容易维护,看起来更清晰.

 

 

 

 

 此处为路由,在这个文件里引入组件,注册组件

 

 注意这句话的最后面要带后缀,因为同样有四个叫做Home的,不加后缀程序不知道去找哪个

这就vue-cli搭建的时候注意事项

注意在安装axios的时候要用管理员运行web-storm

其他一些步骤与不用脚手架时相同,方法在哪里调用写在哪个组件的js中,data同样

axios在哪里调用也在哪个组件的js中去导入