2019-11-27 vue component初学compon

1、为什么我的模板只显示一行内容，别的模板里的不显示？

问题解决： template中必须要有一个根元素， template 里加一个<div></div>包裹就解决了问题

2、同一个组件不同的背景颜色， 找到一种方法：

在引用组件时再多加了一个class , 在用css的class 选择器 ，例如下面的.my>.active 改变原来的绿色背景。

3、computed 方法动态绑定

这个踩到坑比较少把，就是不知道怎么定义这个username， 这个是直接定义到computed里值指向了一个函数。

4、怎么绑定一个list 并用模板？

注意点有：1、component定义的时候，把list 作为一个 props 定义。2、真正的list 值是在vue实例里定义的tasks。3、模板使用时list 是用的绑定 ：list="tasks"

模板定义 模板应用