承德市建设局网站电话,帮别人推广赚钱,顺义城区网站建设,做网站书面报告申请1#xff0c;响应式ref或者reactive
const aa ref(hello) const bb reactive({ aa: hello, ss: workd })
2#xff0c;计算属性
响应式属性经过计算得到的值(ref)#xff0c;放到模板中#xff0c;只会随着响应式author.books属性变化而变化
const autor …1响应式ref或者reactive
const aa ref(hello) const bb reactive({ aa: hello, ss: workd })
2计算属性
响应式属性经过计算得到的值(ref)放到模板中只会随着响应式author.books属性变化而变化
const autor ref([john])
const getBook computed((){ return author.length?yes:no })
如果不用computed包裹也会随着响应式属性变化而变化但是不只是author.books属性
修改计算属性 const getBook computed((){ get(){ return autor } set(val){ author.value val} })
3类和样式绑定
即动态修改class属性值
div :class{action: true}/div
相当于div classaction/div
可以绑定数组
const actionclass ref(action) div :class[actionclass]/div
动态绑定样式 div :style{ fontSize: large}/div
4类和样式绑定之父子组件class传递
只有一个根元素 Component p/p Component classgood / 相当于p classgood/p 有多个根元素 Component: p/p div :class$attrs.class /div Component classgood / 相当于 p/p div classgood /div 5条件渲染v-if和v-show
div v-if show 看见我了/div div v-else看不见了/div
v-show和v-if一样不过v-show元素还是存在文档中只是display:none 6v-for
div v-for(item,index) in items :key{{item.id}}{{item}}/div item可以是数组、对象数字
7v-model input v-modeltext /
相当于 input :valuetext inputeventtexte.target.val
