uniapp003.1

由于vue2在2023年12月停止维护了,所以现在大都是使用的vue3

这是vue3的插值表达式的应用,差值表达式就是'{{  }}'的一个格式

里面可以放一些数值算法,function的方法的返回值,随机数和当前时间什么的,

插值表达式里面不用写分号

v-bind

loading默认是true的,设置loading就会出现一个加载的圈,要关闭它需要设置成false,

但是你直接设置成false它会认为是字符串,也就没用

加一个v-bind之后就可以了

点击事件

通过点击事件可以在点击之后让这个num值加1和背景颜色改变的操作,

改变背景颜色就是通过一个随机数转化为string类型,截取3-9(不含9)位的数字,在color哪里有对应的颜色,然后在赋到color上面去

switch有个一个默认返回值(detail),是个布尔类型,可以通过Switch的detail值来控制button组件的loading的状态

快捷创建一个vue3页面

 在跳转进去的文件夹创建一个vue后缀的模板文件,把要创建为模板的代码放进去保存,下次创建就可以使用了

v-if

v-if是写在组件内的,结果为true就显示,为false消失

v-show

v-show和v-if相似,为true显示,为false隐藏

v-if是直接消失,v-shoe是隐藏,所以v-if消失的不占用空间,v-show隐藏占用