Vue2.0 实战项目(二) 分析Vue如何运行

项目创建成功后在浏览器中打开项目。

Vue2.0 实战项目(二) 分析Vue如何运行

进入页面首先加载index.html和main.js文件。、

main.js文件中给id=“app”的div创建一个Vue的实例,该实例中有一个名叫“APP”的组件,该组件通过vue-router将Hello.vue中的模板注入到App.vue的模板中。

index.html

Vue2.0 实战项目(二) 分析Vue如何运行

 main.js

Vue2.0 实战项目(二) 分析Vue如何运行

App.vue

Vue2.0 实战项目(二) 分析Vue如何运行

router文件夹下的index.js

Vue2.0 实战项目(二) 分析Vue如何运行

最后就是Hello.vue

Vue2.0 实战项目(二) 分析Vue如何运行