摘要: 0.重新声明组件事局部标签结构和资源的集合(合在一起的) 1.单文件组件都是.vue结尾的文件 建立一个vue文件 xxx.vue结构 <!--只认识三个标签--> <template> <!--组件结构--> </template> <script> /*组件交互代码js*/ // export 阅读全文
posted @ 2021-11-09 16:33 旅祸少年 阅读(84) 评论(0) 推荐(0) 编辑
摘要: 什么是组件的嵌套? 答:当在一个组件里面又使用可一个组件就称为组件的嵌套 组件嵌套的案例 学校组件嵌套学生组件 <!DOCTYPE html> <html lang="en" xmlns:> <head> <meta charset="UTF-8"> <!-- 开发环境版本,包含了有帮助的命令行警告 阅读全文
posted @ 2021-11-09 15:37 旅祸少年 阅读(310) 评论(0) 推荐(0) 编辑
摘要: 一个单词组成: 1.第一种写法:(首字母小写)school 用的时候首字母小写 2.第二种写法:(首字母大写)School 用的时候首字母大写 多单词组成: 1.第一种:(kenbab-case):my-school 使用时候一样 2.第二种: 驼峰 MySchool 必须在脚手架才能用 阅读全文
posted @ 2021-11-09 14:47 旅祸少年 阅读(332) 评论(0) 推荐(0) 编辑
摘要: 组件的分类 1.非单文件组件(一个文件有n个组件) 2.单文件组件(一个文件只有1个组) 什么是组件? 答:包含局部页面结构和资源的模块。 创建组件 局部注册 <!DOCTYPE html> <html lang="en" xmlns:> <head> <meta charset="UTF-8"> 阅读全文
posted @ 2021-11-09 14:38 旅祸少年 阅读(35) 评论(0) 推荐(0) 编辑
摘要: 收集input:text文本 文本框 <!DOCTYPE html> <html lang="en" xmlns:> <head> <meta charset="UTF-8"> <!-- 开发环境版本,包含了有帮助的命令行警告 --> <script src="js/vue.js"></script 阅读全文
posted @ 2021-11-09 10:59 旅祸少年 阅读(63) 评论(0) 推荐(0) 编辑
摘要: 实现模糊查询 需要回顾computed:要求得到一个新的数组,使用计算属性处理当值变化computed重新执行 Computed实现模糊查询 <!DOCTYPE html> <html lang="en" xmlns:> <head> <meta charset="UTF-8"> <!-- 开发环境 阅读全文
posted @ 2021-11-09 10:29 旅祸少年 阅读(307) 评论(0) 推荐(0) 编辑
摘要: v-for用来遍历 遍历数组对象 <!DOCTYPE html> <html lang="en" xmlns:> <head> <meta charset="UTF-8"> <!-- 开发环境版本,包含了有帮助的命令行警告 --> <script src="js/vue.js"></script> 阅读全文
posted @ 2021-11-09 09:56 旅祸少年 阅读(68) 评论(0) 推荐(0) 编辑
摘要: V-show(使用频繁切换) 点击查看代码 <!DOCTYPE html> <html lang="en" xmlns:> <head> <meta charset="UTF-8"> <!-- 开发环境版本,包含了有帮助的命令行警告 --> <script src="js/vue.js"></scr 阅读全文
posted @ 2021-11-08 17:30 旅祸少年 阅读(41) 评论(0) 推荐(0) 编辑
摘要: v-bind 将属性交给vue管理 使得属性能取得vue的值从而实现动态变化 动态绑定class 绑定样式 <!DOCTYPE html> <html lang="en" xmlns:> <head> <meta charset="UTF-8"> <!-- 开发环境版本,包含了有帮助的命令行警告 - 阅读全文
posted @ 2021-11-08 16:55 旅祸少年 阅读(1056) 评论(0) 推荐(0) 编辑
摘要: 1.计算属性用来干嘛? 答:用来对data里面的属性进行加工 2.直接为什么不用methods? 答:computed具备缓存功能而methods没有缓存功能 3.如何实现computed? 实现代码 <!DOCTYPE html> <html lang="en" xmlns:> <head> <m 阅读全文
posted @ 2021-11-08 15:46 旅祸少年 阅读(65) 评论(0) 推荐(0) 编辑