这里会记录一些Vue学习中的小知识点:
- Vue实例和容器只能是一一对应的,不存在多对一或者一对多的情况,否则会出现报错。
- 现在刚接触用的都是比较基础的vue用法,当之后数据量大了之后,例如容器中存在上百个动态数据,可以使用组件来为vue分流。
- 注意区分:js表达式和js代码(语句) , 插入语法“ {{}} ”中只能存放js表达式。
①表达式:一个表达式会产生一个值,可以放在任何一个需要值的地方:
(1)a —— 变量
(2)a+b —— 运算表达式
(3)demo(1) —— 函数调用表达式
(4)x === y ? ‘a’ : ‘b’ —— 三元表达式
②js代码(语句)
(1)if语句
(2)for语句 - 将动态数据交给Vue实例的好处:后续修改只需要修改Vue实例中的数据即可,不用再去修改对应的dom,避免影响到容器主体。