【原】Vue项目研究

一.Vue项目创建

可以使用HbuilderX，文件-->创建项目

一.项目执行流程

index.html-->main.js-->App.vue-->router/router.js

1. index.html

   就有一个div ,id="app",不能修改它的id

2. main.js

   这里会引入一些vue核心库之外的库，创建Vue实例，加载需要的全局库，挂载组件App.vue到index.html的div#app节点

3. App.vue

   指定路由：包含路由请求成功后内容的显示位置

4. router.js

   配置路由：定义请求的path对应的组件

二.登录功能模仿

1. 配置路由

2. 写login2.vue文件

   （1）模板文件 （2）样式（3）表单数据逻辑处理

3. 测试