Vue脚手架知识点

Vue脚手架知识点
1、安装vue脚手架 npm install -g @vue/cli
2、创建项目
1、vue create project
3、 项目目录分析
1、public文件夹（打包时候里面的内容会原封不动的打包进去）
2、src文件夹（源代码）
3、.browserslistrc（浏览器配置文件）
4、.gitignore（忽略文件）
vueRouter(路由)
1、前端路由
2、后端路由
3、前后端渲染
4、SPA（单页面复应用，改变url页面不会重新
1、安装 npm install vue-router --save
2、在模块内使用
(vue router官网查看)知识点：1、全局导航守卫 router.beforeEach((to,from,next)=>{
})
2、(activated deactivated)

使用过程中的错误
1、Error in beforeCreate hook: “TypeError: this._router.init is not a function” (found in )
格式一 变量形式 --暴露
export default {
router
}
–接收
import {router} from ‘./xx.js’
格式二 直接暴露
export default router
接收
import router from ‘./xx.js’

  ·