Vue.js 目录结构

上一章节中我们使用了 npm 安装项目,我们在 IDE(Eclipse、Atom等) 中打开该目录,结构如下所示:

Vue.js 目录结构_第1张图片

目录解析

Vue.js 目录结构_第2张图片

在前面我们打开 APP.vue 文件,代码如下(解释在注释中):

Vue.js 目录结构_第3张图片

接下来我们可以尝试修改下初始化的项目,将 Hello.vue 修改为以下代码:

Vue.js 目录结构_第4张图片

重新打开页面 http://localhost:8080/,一般修改后会自动刷新,显示效果如下所示:

Vue.js 目录结构_第5张图片

内容来自:runoob.com 菜鸟教程

整理:极动云,宁波家电物联网云平台

CONTACT US: http://www.iot-jd.com

你可能感兴趣的:(Vue.js 目录结构)