12 2021 档案

vue学习17-插槽作用域
摘要：<!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-31 16:18 空谷近心 阅读(25) 评论(0) 推荐(0)
vue学习16-插槽的使用
摘要：<!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-31 13:48 空谷近心 阅读(24) 评论(0) 推荐(0)
vue学习15-自定义组件model使用
摘要：<!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-29 18:06 空谷近心 阅读(127) 评论(0) 推荐(0)
vue学习14-自定义组件添加属性
摘要：<!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-29 00:04 空谷近心 阅读(225) 评论(0) 推荐(0)
vue学习13-自定义组件
摘要：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='viewport' 阅读全文
posted @ 2021-12-28 17:58 空谷近心 阅读(37) 评论(0) 推荐(0)
vue学习12-表单属性绑定
摘要：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='viewport' 阅读全文
posted @ 2021-12-28 17:41 空谷近心 阅读(81) 评论(0) 推荐(0)
vue学习11-监听属性
摘要：<!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 空谷近心 阅读(18) 评论(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 空谷近心 阅读(32) 评论(0) 推荐(0)
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 空谷近心 阅读(122) 评论(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 空谷近心 阅读(49) 评论(0) 推荐(0)
vue学习7-v-show和v-if
摘要：1. v-show：这个是一次性会把所有的都渲染出来，然后通过简单的切换display值来修改是否需要被渲染。所以在需要频繁切换的情况下推荐使用。v-show不能在template标签上使用。 2. v-if：真正的条件渲染。如果条件更改了，那么会适当的做标签销毁和重建以及事件的绑定等。在不需要频繁 阅读全文
posted @ 2021-12-26 17:37 空谷近心 阅读(47) 评论(0) 推荐(0)
vue学习6-if判断
摘要：<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 空谷近心 阅读(517) 评论(0) 推荐(0)
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 空谷近心 阅读(26) 评论(0) 推荐(0)
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 空谷近心 阅读(308) 评论(0) 推荐(0)
vue学习2-bind属性绑定
摘要：需要加上 v-html才能显示网页 阅读全文
posted @ 2021-12-19 16:22 空谷近心 阅读(45) 评论(0) 推荐(0)
vue体验
摘要：1.创建工作区 2.点击添加文件 3.新建一个html文件，并输入!+tab 自动生成html结构 4.输入div#app，生成头部 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X- 阅读全文
posted @ 2021-12-15 00:40 空谷近心 阅读(35) 评论(0) 推荐(0)
vue文档1-VSCode介绍
摘要：开发工具VSCode： Vue的开发工具用的是VSCode(Visual Studio Code)，这款开发工具是微软官方出品，开源，免费，并且功能相当强大，使用者很多，插件相当丰富，是Vue开发的不二之选。以下对VSCode的使用做一个简单了解： 下载地址： https://code.visual 阅读全文
posted @ 2021-12-13 22:33 空谷近心 阅读(178) 评论(0) 推荐(0)