做网站开发需要学什么软件,施工企业iso认证,搜索引擎在网站建设中的重要性,兰州系统开发1、hover-class#xff1a;当有鼠标按下时#xff0c;会切换对应的样式#xff1b;也可以设置对应的变色时间。
2、selectable#xff1a;设置text组件的文本是否可以进行复制。
3、with#xff1a;当设置为80%时#xff0c;表示宽占整个屏幕的80%。
4、border#x…1、hover-class当有鼠标按下时会切换对应的样式也可以设置对应的变色时间。
2、selectable设置text组件的文本是否可以进行复制。
3、with当设置为80%时表示宽占整个屏幕的80%。
4、border1px solid red表示一个为红色的边框。
5、navigator跳转到某个页面可以内嵌到文字和图片中。下面是示例
viewnavigator url/pages/my/my跳转到我的界面/navigator
/view
6、{{ a }}如果设置a5则输出5不输出a。此为插值表达式可以输入逻辑判断下面是示例
view{{12 ? 123:456}}/view
//此时是输出456
7、ref可以使用数据驱动更新对应的值num1的值不更新num2的值会每秒1下面是示例
templateview{{num1}}/viewview{{num2}}/view
/templatescript setup
import { ref } from vue;let num1 6;
setInterval(() {num1;console.log(num1);}, 1000);let num2 ref(10);
setInterval(() {num2.value;console.log(num2.value);
}, 1000);
/script
8、取余在进行重置循环的时候可以通过取余来设计下面是示例
script setup
import{ref}fromvue;
const arrsref([../../static/pic1.png../../static/pic2.png./../static/pic3.webp./../static/pic.jpg
]);
const picurl ref(../../static/pic1.png)
leti0;
setInterval(({i;console.log(i);picurl.valuearrs.value[i%4]
.1000)
