栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > Vue.js

vue (脚手架 路由 )

Vue.js 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

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项目:

        注意⚠️:版本问题


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/239836.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号