空谷近心

2021年12月28日

摘要： <!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)

vue学习10-计算属性

摘要：计算属性 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)

2021年12月26日

vue学习9-更新视图

摘要： <!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)

vue学习8-for循环

摘要： <!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)

vue学习7-v-show和v-if

摘要： 1. v-show：这个是一次性会把所有的都渲染出来，然后通过简单的切换display值来修改是否需要被渲染。所以在需要频繁切换的情况下推荐使用。v-show不能在template标签上使用。 2. v-if：真正的条件渲染。如果条件更改了，那么会适当的做标签销毁和重建以及事件的绑定等。在不需要频繁阅读全文

posted @ 2021-12-26 17:37 空谷近心阅读(51) 评论(0) 推荐(0)

vue学习6-if判断

摘要： 去公园 去厕所 哪都不去 template模板 <!DOCTYPE html> <html lang='en'> <head> <meta chars 阅读全文

posted @ 2021-12-26 16:36 空谷近心阅读(523) 评论(0) 推荐(0)

2021年12月25日

vue学习5-js表达式

摘要：三目运算符 <!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)

2021年12月20日

vue学习4-class和sytle绑定

摘要： #### Class绑定： 1. 通过数组的方式来实现： 2. 通过对象的方式来实现：通过对象：通过数组，通过数组是把多个style样式对象添加进去：阅读全文

posted @ 2021-12-20 22:42 空谷近心阅读(60) 评论(0) 推荐(0)

vue学习3-VSCode添加自定义代码片段

摘要： 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)

2021年12月19日

vue学习2-bind属性绑定

摘要：需要加上 v-html才能显示网页阅读全文

posted @ 2021-12-19 16:22 空谷近心阅读(46) 评论(0) 推荐(0)

公告