有几个问题
来源：2-9 使用组件改造TodoList
hyperse
2020-10-19 20:14:45
# 具体遇到的问题
1、关于todo-item的命名，在vue中是TodoItem驼峰式，在html中是todo-item，是自动去识别并且匹配对应的名称吗？
2、vue有的时候属性值用{}包裹，有的时候用[]包裹，有什么依据吗？如：
el:'#app',
//将局部组件注册到vue实例里
components:{
TodoItem:TodoItem
},
data:{
list:[],
inputValue:''
},
3、按事件发生的顺序梳理一下代码的执行：当input框输入inputValue并点击添加时，接管id为app的vue实例就会将该inputValue值push到自定义的数组list中，然后html中todo-item与子组件的联动就是因为list的 v-for="item in list"这句？通过v-bind向子组件传入content的值item,子组件通过props接收content（即item）后，子组件中的template替换掉html中的todo-item模板。
是这样理解的吗
# 报错信息的截图
# 相关课程内容截图
# 尝试过的解决思路和结果
# 粘贴全部相关代码，切记添加代码注释（请勿截图）
在这里输入代码，可通过选择【代码语言】突出显示
3回答
-
同学你好，父组件是vue的实例，它对应的是id为root的div，对应代码是var app = new Vue({......})。
祝学习愉快！
0 -
好帮手慕久久
2020-10-20
同学你好，问题解答如下：
是的，vue内部会处理组件的名字，它可以识别驼峰命名的组件，并对应找到它对应的非驼峰式的名字。
vue的属性值用{}还是[]包裹，是它内部规定好的，比如components属性的值，是{}包裹，而data属性的值也要用{}包裹，这些是固定的写法，需要同学记住。特殊的一点是，data属性内，每一条数据，可以根据数据类型来选择使用{}、[]，如下：
整体理解正确。
id="root"的div，就是父组件，它是vue实例。老师没有理解“btw”是指什么，如果上述回复没有解答同学的疑惑，建议同学再详细说明一下第四点，以便老师尽快为你解答疑惑。
祝学习愉快！
0h020-10-21 -
hyperse
提问者
2020-10-19
btw父组件就是vue实例对吗
0
相似问题