![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
指令
好事总会发生在下个转弯
努力搬砖中。。。
展开
-
v-show和v-if的区别与联系
一、v-show和v-if的共同点1、v-show和v-if都能控制元素的显示和隐藏2、当两者均需要控制多个元素的显示与隐藏时,都可以使用HTML5新增的<template>元素来包裹需要切换显示与隐藏的多个元素。注意:在最终的的渲染结果中是不会包含<template>元素的,实际上<template>元素是被当作一个不可见的包裹元素,主要用于分组条件的判断和列表渲染。二、v-show和v-if的区别1、控制元素显示与隐藏的方式使用v-show指令,元素本身原创 2021-04-25 17:15:12 · 321 阅读 · 0 评论 -
v-bind指令
一、v-bind指令简介v-bind指令用于响应更新HTML元素的属性,将一个或多个属性或者一个组件的prop动态绑定到表达式。二、v-bind的使用方式1、绑定一个属性<img v-bind:src="imgSrc">2、使用v-bind的缩写绑定属性<img :src="imgSrc">3、使用相关的动态属性名<img v-bind:[attribute]="imgSrc">4、内联字符串拼接<img v-bind:src="'imag原创 2021-04-25 16:48:47 · 3763 阅读 · 0 评论