手记

vue (脚手架 路由 )

vue cli (脚手架):

vue-cli 是一个官方发布 vue.js 项目脚手架,使用 vue-cli 可以快速创建 vue 项目

常用dos命令

cd   -打开文件夹

dir -查看文件夹内容

md -创建新的文件夹

cd..  -返回上一级文件

环境配置:

命令:cnpm install -g vue-cli

vue -V 查看版本号

cnpm install -gd vue-cli

创建 vue-cli项目:

vue init webpack projectName  (工程名小写可以加数字)

eslins:代码规范(大型项目中可能用到)

----------------------------------------------------------------------------------------------------------------------------------------

路由:

  • 嵌套路由子路由:children[{},{}] 上一级还会显示

  • 非子路由:会直接到下一级

  • 这三个参数 to 、from 、next 分别的作用:

  •     1、to: Route,代表要进入的目标,它是一个路由对象;

  •     2、from: Route,代表当前正要离开的路由,同样也是一个路由对象;

  •     3、next: Function,这是一个必须需要调用的方法,而具体的执行效果则依赖 next 方法调用的参数;

        在vue-router路由对象中,路由有两种模式:

        hash(哈西)和history,而默认的是hash模式.

        常用:history(去掉url#)mode: 'history',

单独安装插件:

        cnpm install eslint -S(生产)package.json  /*dependencies 生产

        cnpm install eslint -save-dev(开发)package.jsondevDependencies 开发

        卸载:cnpm uninstall eslint --S

        怎么导入vue-cli项目:

        注意⚠️:版本问题


0人推荐
随时随地看视频
慕课网APP