乐优商城day05

所有代码发布在 [https://github.com/hades0525/leyou]

 

ps:弄nigx弄了1天半，才把环境配好能用，中间出现了很多情况。包括虚拟机的网络和ip问题等。

 

day05

2019年1月22日

11:28

 

Vue父子组件通信

1. 父向子的通信
2. 子向父的通信

 

项目架构：

1. 1. 后台管理系统使用vue.js框架建出单页应用(SPA)
      1. SPA:single page application。整个后台管理系统只出现一个html页面，页面内容都由vue.js实现。
   2. webpack：前端资源打包工具，将js,image,css等资源当做一个模块打包
      1. webpack的作用：
         1. 将许多小碎文件打包成整体，减少单页面内的衍生请求次数，提高网站效率
         2. 将es6等高级语法进行转换编译，已兼容浏览器
         3. 打包时将代码混淆，提高安全性
   3. vue-cli：快速搭建vue项目的脚手架
      1. 安装：npm install -g vue-cli
      2. 建立static web mnodule: vue-cli-demo
      3. 终端 cd vue-cli-demo, 建立webpack项目 vue init webpack
         1. use ESline之前的选择都选择yes，最后一个选择yes use npm
         2. 
      4. 安装好之后，npm run dev 运行
         1. 
   4. 结构
      1. build下是webpack的配置，里面定义了webpack入口entry等等属性
         1. 
      2. src
         1. main.js是入口entry，里面import了许多其他组件
         2. 写的vue文件就是一个组件 分为3部分