web前端:解决代码加载慢,以至于乱码——VUE
编程小独行侠
2024-04-23 23:45
代码就是程序员用开发工具所支持的语言写出来的源文件,是一组由字符、符号或信号码元以离散形式表示信息的明确的规则体系。代码设计的原则包括唯一确定性、标准化和通用性、可扩充性与稳定性、便于识别与记忆、力求短小与格式统一以及容易修改等。
vue.js解决开始代码加载,以至于乱码
vue.js通过几行代码可以解决这个问题
css:
[v-cloak]{
display:none;
}
html:
<divid="app"v-cloak></div>
使用后会等vue加载完再呈现效果,就不会出现,代码在视图里了。
顺带介绍几个基础的vueapi。
绑定css样式:
css:
.done{
text-decoration:line-through;
color:#ccc;
}
html:
<spanv-bind:class="{done:item.done}">
{{item.title}}</span>
v-bind:class="{done样式:这是样式中的:这是item中的某一些进行筛选,item.done是true的那些选择}"
点击事件:
v-on:click="这里写个事件"
@click=“”和上面的一样
constapp=newVue({
el:'#app',
data:{
todos,
todoText:''
},
methods:{
handleAddTodoClick(){
xxxxx
}
}
绑定按键:
<inputtype="text"value=""v-model='todoText'@keydown.enter="handleAddTodoClick"/>
这是绑定回车。
后面有机会再写点别的。
源代码是代码的分支,某种意义上来说,源代码相当于代码。现代程序语言中,源代码可以书籍或磁带形式出现,但最为常用格式是文本文件,这种典型格式的目的是为了编译出计算机程序。计算机源代码最终目的是将人类可读文本翻译成为计算机可执行的二进制指令,这种过程叫编译,它由通过编译器完成。
免责声明:
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341