1.安装vue-cli,通过vue-v可以查明

  • 安装vue-cli步骤
  • vue init airyland/vux2 projectPath(项目名字)

2.安装依赖模块

  • 方法1:npm install
  • 方法2:npm install --registry=https://registry.npm.taobao.org
  • 如果直接使用npm install 一般时间会比较长,直接使用cnpm可能会导致依赖模块不正确,所以建议npm后添加taobao的registry,可以避免上述两个问题

3.运行程序

  • npm run dev

4.代开浏览器

5.我们看一下,默认的当前页面是在main.js中引用,而不是在我们router目录下的index下

6.将它进行修改把路由的配置转移到router目录下的index下,将main.js的路由删除

  • 最终效果
  • main.js

  • index.js

7.打开HelloWorld

  • 原文链接https://jingyan.baidu.com/article/c45ad29c077506051753e2fb.html

最新文章

  1. Django实现注册
  2. mybatis的mapper中,实体非空检验问题
  3. 在 ASP.NET 中使用 jQuery.load() 方法
  4. 洛谷P3368 【模板】树状数组 2
  5. coursera-miniproject stopwatch任务总结
  6. DI(依赖注入)简单理解 NO1
  7. XAMPP安装及配置注意事项
  8. Oracle主键异常处理
  9. R语言与分类算法的绩效评估(转)
  10. 2.如何安装vmvare tools
  11. 设计模式之Adapter模式
  12. Python3.4 + Django1.7.7 搭建简单的表单并提交
  13. Dagger2 notes
  14. Python学习之路基础篇--09Python基础,初识函数
  15. Jumpserver里常用的sudo权限控制模板
  16. Linux 的文件类型
  17. 第十二章 NIO
  18. java 代码获取视频时长
  19. Lintcode27-Reverse 3-digit Integer
  20. 865. Smallest Subtree with all the Deepest Nodes 有最深节点的最小子树

热门文章

  1. 2015 EC L - Multiplication Table
  2. 【刷题】BZOJ 3510 首都
  3. BZOJ3653 & 洛谷3899:谈笑风生——题解
  4. 遇见Flask-Script
  5. IDEA批量修改变量快捷键
  6. 基于DCT系数的实时监控中运动目标检测
  7. 宽度搜索(BFS)中求最短路径问题理解记录
  8. HDU1531 差分约束
  9. 洛谷 3029 [USACO11NOV]牛的阵容Cow Lineup
  10. 51Nod 1305 Pairwise Sum and Divide | 思维 数学