实现前后端解耦合
前端通过Ajax来请求后端的数据接口,将Model展示到View中即可;
后端只需要接口,提供数据处理接口;
前端HTML----->Ajax------->后端Restful
如何创建Vue项目
使用命令行创建项目
- vue init webpack ProjectName 初始化时直接回车默认;
- 在项目的根目录下有一个package.json的文件,里边包含项目运行所需的各种依赖; cnpm install 安装依赖
- npm run dev 使用热加载的方式运行我们的应用
- 项目运行成功!
主页面为App.Vue
router中的index.js实现请求路径与请求页面的映射
import HelloWorld from '@/components/HelloWorld'
export default new Router({
routes: [
{
path: '/',
name: 'HelloWorld',
component: HelloWorld
}
]
})