CSNMD的专栏

在子页面中，继续使用router-link与router-view。在路由配置中，配置children。

去调用actions、mutations中的方法，太不方便了。如果需要传递参数，参数在调用处传递。Vuex提供了语法糖。

在组件中通过 this.$store.state.sum 这种形式去获取Vuex state或者getters中的数据，写法上不方便。如果组件中，变量的名称和Vuex中定义的不一样，则可以使用对象写法。mapState和mapGetters就提供了一种简单的写法。在组件中的计算属性中，使用下列方式获取。Vuex中定义了sum和bigSum。

任何组件上，都可以通过 this.$store.dispatch 操作store中的action方法。通过this.$store.commit操作store中的mutation方法。当有数据需要在多个组件中被使用的时候，就可以使用Vuex。Vuex实现了数据的共享。搭建Vuex开发环境。

【代码】Count计数器纯Vue版。

这里写目录标题创建项目组件化编程的一般流程页面拆分静态页面组件化数据动态展示功能1：添加待办功能2：勾选功能3：删除功能4：底部统计功能5：全选、清除已完成功能6：本地存储改造改造：自定义事件->子组件向父组件发送数据完整代码创建项目组件化编程的一般流程静态组件：使用组件，实现页面静态下的效果展示动态数据：页面中的数据，通过data获取，确定数据类型，存储在哪个组件交互页面拆分根据页面拆分，创建相关组件静态页面组件化将index.html、index.css中的内容迁移

在组件中使用props定义好接收的参数名称、类型等。在调用组件的地方，通过:传递参数。

看四天官网教程。

花三天时间，看一下ES6，对TypeScript做一个了解。

花三天时间，看一下廖雪峰的在线教程。

Flex 布局教程：语法篇 - 阮一峰的网络日志Flex 布局教程：实例篇 - 阮一峰的网络日志CSS Grid 网格布局教程 - 阮一峰的网络日志

块级元素、行内元素、行内块元素，这三种元素类型有自己的排列规则。但是这种排列规则是无法满足我们复杂的页面布局要求的。于是就出现了各种布局技术。float、position布局，或者说叫浮动定位布局，就是一种比较古早时期的布局方案。通过前面对块级元素特性的学习，我们可以看到上述排列结果如果我们想要让他们左右排列在一行该怎么弄呢？一旦设置了float，元素就脱离了原本的文档，“浮”了起来当我们仅对app1设置float的话会发现app2的框框不见了、这是因为app1浮了起来，app2就感受不到app1

当指定一个 CSS 元素的宽度和高度属性时，只是设置内容区域的宽度和高度。要知道，完整大小的元素，还必须添加内边距，边框和外边距。2、行内元素没有自己的形状，不能定义宽高。在行内元素中，有几个比较特殊，同时具有行内元素和块级元素的特点：img、input、td。如：p标签，是块级元素，但不能编写其他块级元素作为p的子元素。3、行内元素只能容纳其他行内元素，或文本。所有的html元素，都可以看做是一个盒子。1、块级元素、行内元素，特性与转化。4、块级元素可以作为其他元素的容器。div用的最多，多用于布局。

1、CSS基本概念2、简单样式属性1、CSS是用来美化Web页面的2、形式上，CSS由选择器和键值对构成案例说明body {h1 {p {

meta：文档元信息title：文档标题base：文档内链接默认标签style：css样式link：外部css、jsscript：文档内js内联样式：标签的style属性中定义样式" > 这是一个标题 < p style = " background-color : green;" > 这是一个段落。" > 这是一个标题 < p style = " background-color : green;