13 - vue课堂笔记-2018-1103（第三天）

#####

1.不加keep-alived 会触发befordestroy 和 destroy，加上keep-alive就是beforactive 和actived

2.数据渲染是基本功能，为了实现页面布局（用组件实现）

3.vue-route 减少请求后端的次数，提高网页性能（SPA）

4.使用路由的时候，不用使用commontes 注册，直接定义routers即可

5.$route  $router（手动路由的时候会用）

6.编程时导航，多了一个给路由传参数的例子

7.templated 也是一种标签，这种方式更灵活

8.element ui     :router=true 自动完成了router-link的功能************

 

 

nodejs ，是JavaScript的解释器，和python一样

cnpm是淘宝提供的，更快一些，需要单独安装

 

 

-g 全局安装，所有项目都会泳道  没有package.json

—save 本地安装（相当于python的虚环境），就只有这一个项目会用到，  有package.json，git上传 忽略node-models目录

npm install vue 不会修改dependices

npm install vue —save 会修改dependices

—save-dev 

 

 

项目如果想用npm管理，先在当前目录执行npm init

 

import 找不到的，找export default的值

 

没有export default的时候，导入的时候变量要加{}

 

vue-cli 相当于python中的django框架，脚手架 + 往里面添加内容就可以【解决兼容性，程序构建问题，专注程序逻辑】

 

vue-cli 方式使用element-ui的方式和普通方式不一样，vue-cli的是导入组件的方法

 

element ui 的key不能是对象，所以用index作为唯一标识！！！！！

 

 

补充生命周期的图~~~

 

 

computed 页面加载的时候就会计算~~~~和ops有关，和mount的关系呢？？？

 

vuex 官方建议使用computed属性

 

actions中的contentx 和self一样，是默认传过去的

 

 

actions 箭头函数（一定可以），普通函数不可以

 

promise 是es6中的一个异步的功能

 

axios 链式编程

 

前后端联调，在config中的那个proxy配置