third_vue项目及传参_ajax搜索数据

 

2.创建一个项目

// 生成一个基于 webpack 模板的新项目
vue init webpack 项目名
...
// 启动开发服务器 ctrl+c 停止服务
cd myproject
npm run dev           # 运行这个命令就可以启动node提供的测试http服务器,注意都是有空格的

 

3.项目目录结构

├── build/  # 项目打包时依赖的目录
├── config/  # 配置目录
├── index.html
├── node_modules/    # 项目运行的依赖库存储目录[非常大]
├── package.json     # 项目运行需要的依赖库记录配置
├── src/
│   ├── App.vue      # 父级组件
│   ├── assets/      # 静态资源目录，图片存放在这里
│   ├── components/  # 单文件组件保存目录
│   └── main.js
└── static/          # 静态资源目录，所有的css,js等文件放在这个目录
# dist 项目打包发布文件夹，最后要上线单文件项目文件都在这个文件夹中[后面打包项目,
让项目中的vue组件经过编译变成js 代码以后,dist就出现了]

 

4.项目执行流程图

 

 5.代码部分（关于cannot get/，是因为注释问题，有些地方不能用//注释）