vue3推荐插件:可以在命令行提示vue命令补全
1监视
切换布尔值,++1等类似的小计算可以放在html标签直接监听
天气小案例:
Document
今天天气very{{showWeather}}
第二种实现方式
Document
今天天气very{{showWeather}}
如何调用window属性:
Document
今天天气very{{showWeather}}
2监视属性
监视属性
今天天气好{{info}}!
vm.$watch('isHot',{immediate:true,handler(newValue,oldValue){console.log('isHot被修改了',newValue,oldValue)}
})
watch和computed对比
绑定class样式
绑定style样式;
Document
{{name}}
{{name}}
{{name}}
28条件渲染
v-show:条件渲染
Document
welcome to {{name}}
welcom bro
welcom bro
v-if:
Document
{name}}welcom bro
welcom bro
-->当前n的值是:{{n}}
angularreactvue
v-if,v-else-if,v-else
9列表渲染
Document
{p.id}}编号-姓名{{p.name}}-年龄{{p.age}}- {{a}}_{{b}}_{{c}}
-->{p.name}}_{{p.age}}_{{index}} -->
info of car
- {{value}}_{{key}}
10key(很重要)
!important