摘要: <!DOCTYPE html> <html lang='en'> <head> <meta charset='UTF-8'> <meta http-equiv='X-UA-Compatible' content='IE=edge'> <meta name='viewport' content='wi 阅读全文
posted @ 2021-12-28 15:25 空谷近心 阅读(19) 评论(0) 推荐(0)
摘要: 计算属性 1 <!DOCTYPE html> 2 <html lang='en'> 3 <head> 4 <meta charset='UTF-8'> 5 <meta http-equiv='X-UA-Compatible' content='IE=edge'> 6 <meta name='view 阅读全文
posted @ 2021-12-28 14:38 空谷近心 阅读(35) 评论(0) 推荐(0)
摘要: <!DOCTYPE html> <html lang='en'> <head> <meta charset='UTF-8'> <meta http-equiv='X-UA-Compatible' content='IE=edge'> <meta name='viewport' content='wi 阅读全文
posted @ 2021-12-26 23:13 空谷近心 阅读(123) 评论(0) 推荐(0)
摘要: <!DOCTYPE html> <html lang='en'> <head> <meta charset='UTF-8'> <meta http-equiv='X-UA-Compatible' content='IE=edge'> <meta name='viewport' content='wi 阅读全文
posted @ 2021-12-26 17:58 空谷近心 阅读(52) 评论(0) 推荐(0)
摘要: 1. v-show:这个是一次性会把所有的都渲染出来,然后通过简单的切换display值来修改是否需要被渲染。所以在需要频繁切换的情况下推荐使用。v-show不能在template标签上使用。 2. v-if:真正的条件渲染。如果条件更改了,那么会适当的做标签销毁和重建以及事件的绑定等。在不需要频繁 阅读全文
posted @ 2021-12-26 17:37 空谷近心 阅读(51) 评论(0) 推荐(0)
摘要: <p v-if="weather=='sun'">去公园</p> <p v-else-if="weather=='s'">去厕所</p> <p v-else>哪都不去</p> template模板 <!DOCTYPE html> <html lang='en'> <head> <meta chars 阅读全文
posted @ 2021-12-26 16:36 空谷近心 阅读(523) 评论(0) 推荐(0)
摘要: 三目运算符 <!DOCTYPE html> <html lang='en'> <head> <meta charset='UTF-8'> <meta http-equiv='X-UA-Compatible' content='IE=edge'> <meta name='viewport' conte 阅读全文
posted @ 2021-12-25 17:15 空谷近心 阅读(28) 评论(0) 推荐(0)
摘要: #### Class绑定: 1. 通过数组的方式来实现: 2. 通过对象的方式来实现: 通过对象: 通过数组,通过数组是把多个style样式对象添加进去: 阅读全文
posted @ 2021-12-20 22:42 空谷近心 阅读(60) 评论(0) 推荐(0)
摘要: 1. ctrl+shift+p:打开命令行窗口。 2. 搜索snippets关键字。选择Preferenece:Configure User Snippets 3. 选择html.json,打开这个文件。 在html.json文件中 输入 "my vue": { "prefix": "html", 阅读全文
posted @ 2021-12-20 00:13 空谷近心 阅读(315) 评论(0) 推荐(0)
摘要: 需要加上 v-html才能显示网页 阅读全文
posted @ 2021-12-19 16:22 空谷近心 阅读(46) 评论(0) 推荐(0)