为了账号安全,请及时绑定邮箱和手机立即绑定

vue (脚手架 路由 )

标签:
Vue.js

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

        注意⚠️:版本问题


点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
Web前端工程师
手记
粉丝
22
获赞与收藏
0

关注作者,订阅最新文章

阅读免费教程

  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消