![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
LH-sw
这个作者很懒,什么都没留下…
展开
-
VS Code 常用快捷键 和 一些常用指令
VS Code 常用快捷键 1、快速生成HTML代码 首先,建立一个空文档,选择编程语言为HTML; 其次,按下!(英文状态下),再按下tab键,就可以了。也可以html:5 2、注释: 单行注释:ctrl+/, 注释后再按取消;取消单行注释:alt+shift+A 注释后再按取消 第十九节课: v-for中key的使用注意事项: <!--注意:key在使用的时候,必须使用v-bind属性绑定的形式,指定key的值 --> <!-- 在组件中,使v-for循环的原创 2021-07-01 22:36:23 · 385 阅读 · 0 评论 -
Vue学习(九)使用内联样式
使用内联样式 1、 直接在元素上通过:style的形式,书写样式对象 2、 将样式对象,定义到data中,并直接引用到:style中 3、 在:style中通过数组,引用多个data上的样式对象 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">原创 2021-06-06 20:24:36 · 206 阅读 · 0 评论 -
Vue学习(四)之跑马灯案例
跑马灯案例 其中需要注意的是箭头函数setInterval(()=>,内部的this指向了外部函数 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=devi原创 2021-06-06 20:11:41 · 138 阅读 · 0 评论 -
Vue学习(三)之v-cloak,v-text,v-html,v-bind
三个指令 v-cloak 解决了插值表达式闪烁问题,需要自己再手动定义一遍,不会替自己原本的内容,只会替换自己的占位符 v-text 默认是没有闪烁问题的,并且会覆盖元素中原本的内容。 v-html 会按照要求把原来的样式显示出来 案例如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible"原创 2021-06-06 20:03:18 · 113 阅读 · 0 评论