2020-05-19

今日学习
动态组件

  1) keep-alive是用于保存组件的状态
  2) component 表示定义一个动态组件，当前加载哪个组件取决于is的属性值，is的值为当前组件的组件名称

脚手架
1) 介绍
html + css + js => 浏览器
脚手架（生产线）【解耦】
vue => html + css + js => 浏览器
2) 应用
1. 安装脚手架生成工具
> cnpm install -g @vue/cli
# 测试
> npm --version
@vue/cli 4.3.1
2. 通过脚手架初始化项目(自动帮我们安装了依赖，所以无需再去安装)
# 进入到工作目录 ， 加入 d:/briup/vue
> d:
> cd briup/vue
> vue create app01
3. 安装项目所需要的依赖
> cd app01
> cnpm install （无需）
4. 运行项目
> npm serve
5. 改造项目
3) vue的目录结构
node_modules 依赖
public js附着在html中
src 源码，使用js模块化开发的页面
babel.config.js babel配置文件
4) 在vue脚手架中，每一个组件都是一个文件，这个文件使用.vue作为后缀
1. 页面组件 pages
文章页面 Article.vue
栏目页面 Category.vue
学校页面 School.vue
2. 功能组件 component
表格 Table.vue
列表 List.vue
组件元素：
模板
在template中有且只能由一个子标签
脚本
样式