1 组件的概念:组件化开发
2 vue的工程:写一个组件就是xx.vue
3 局部组件,全局组件
4 组件通信:父传子---》自定义属性
5 组件通信:子传父---》事件
6 ref属性:
-ref放在普通标签上,通过this.$refs.名字取到的就是标签
-ref放在组件上,通过this.$refs.名字取到的就是组件对象
-拿组件的数据(从子组件取到了数据)
-拿到组件的方法,可以执行,可以传值(父传子)
7 事件总线
-跨组件通信(不一定有父子关系)
8 动态组件 keepalive
9 创建vue项目
-
js的函数,传实参可以多于形参,也可以少于形参
1 vue前端代理,其他知识收尾
1 es6 的导入导出
2 pycharm跑vue项目
3 vue项目中集成axios
-npm install -S
4 vue的前端代理解决跨域问题(偷数据)
-项目根路径加入vue.config.js
module.exports = {
devServer: {
proxy: {
'/ajax': {
target: 'https://m.maoyan.com/',
},
}
}
}
-组件中:
this.$ajax.get('/ajax/moreClassicList?sortId=1&showType=3').then(res => {
console.log(res.data)
this.res=res.data
})
路飞项目
1 前后端都写
2 首页功能。轮播图,登录用户展示
3 登录功能(多方式登录,短信登录)
4 注册功能(发送注册短信)
5 课程页面(列表展示,过滤:最热,价格..分页)
6 课程搜索功能
7 课程详情页(视频播放,视图托管)
8 购买课程(使用支付宝支付,支付成功回调)
9 购买成功页面
2 pip换源()
1 pip3 install 模块 # 去国外下,笔记慢
2 pip3 install -i 国内源(豆瓣,清华)模块 # 快一些,但是每次都要加 -i
3 在pycharm中配置
4 在机器上,永久配置
-C:Users你电脑的用户名AppDataRoaming
-新建文件夹pip
-在文件夹下新建 pip.ini
[global]
index-url = http://pypi.douban.com/simple
[install]
use-mirrors =true
mirrors =http://pypi.douban.com/simple/
trusted-host =pypi.douban.com
-以后再装模块,就会走豆瓣源
3 虚拟环境搭建
1 两个项目,一个依赖了1.11.9,另一个依赖了2.2.2
2 虚拟环境的出现是为了解决多个项目依赖版本不同的问题
3 如何搭建:
-pip3 install virtualenv # 创建虚拟环境的模块
-pip3 install virtualenvwrapper-win # 只针对于window,
-pip3 install virtualenvwrapper # 只针对于linux
4 虚拟环境的创建路径
-环境变量中新增一个key:value
-WORKON_HOME: D:Virtualenvs
-确认好scripts路径下有bat批处理文件
4 开始创建虚拟环境
-mkvirtualenv -p python3.6 虚拟环境名称
-mkvirtualenv python 虚拟环境名称
-退出虚拟环境
deactivate
-进入虚拟环境
workon # 列出所有虚拟环境
workon luffy
4 luffy后台项目创建,目录调整
# 项目创建,指定新建的虚拟环境
# 进行目录调整,把app统一放到某个路径下:luffapi下的apps(拖过去)
-配置文件中
-path=os.path.join(BASE_DIR,'luffyapi','apps')
-sys.path.append(path)
# 后期创建app的时候,需要先切到apps路径下
python ../../manage.py startapp order
# 两套配置文件(一套是开发环境,一套是上线环境)
-再项目路径下创建了一个setting文件夹,新建了
-dev.py # 开发用这个配置
-pro.py # 上线用这个配置
-坑:BASE_DIR变成了 以后BASE_DIR是luffyapi下的小luffyapi
-需要改:path=os.path.join(BASE_DIR,'apps')
# 如果使用python manage.py runserver 能正常运行,需要修改manage.py中
os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'luffyapi.settings.dev')