爱前端的小魏

组件的嵌套

摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title>  <script src="vue.js"></scrip 阅读全文

posted @ 2022-12-14 21:26 爱前端的小魏阅读(45) 评论(0) 推荐(0) 编辑

创建非单文件组件

摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <!-- 创建非单文件组件 1.创建组件 const 变量名 = Vue.extend({里面写内容}) 注意:不能写箭头函数，data使用函数data() ,不阅读全文

posted @ 2022-12-14 21:25 爱前端的小魏阅读(18) 评论(0) 推荐(0) 编辑

内置指令

摘要： <!DOCTYPE html> <html> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="../vue.js"></script> </head> <body> <!-- v-bi 阅读全文

posted @ 2022-12-14 21:25 爱前端的小魏阅读(30) 评论(0) 推荐(0) 编辑

VueComponent理解以及重要的内置关系

摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <!-- 关于VueComponent： 1.school组件本质是一个名为VueComponent的构造函数，且不是程序员定义的，是Vue.extend生成的阅读全文

posted @ 2022-12-12 20:36 爱前端的小魏阅读(97) 评论(0) 推荐(0) 编辑

绑定样式（class）

摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="vue.js"></script> <style> .class1 { width: 10 阅读全文

posted @ 2022-12-07 20:47 爱前端的小魏阅读(95) 评论(0) 推荐(0) 编辑

总结数据监视

摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <!-- Vue监视数据原理 1.vue会监视data中所有层次的数据 2.如何监视对象中数据通过setter实现监视，切要在new Vue时就传入要检测的数据阅读全文

posted @ 2022-12-07 20:45 爱前端的小魏阅读(19) 评论(0) 推荐(0) 编辑

模拟数据监控（get和set）

摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <!-- 1.自动生成get和set好处 1.可以永远给下一层级找到get和set 2.更加简洁(自己写的get和set，修改值比较麻烦：vm.__data.na 阅读全文

posted @ 2022-12-07 20:44 爱前端的小魏阅读(53) 评论(0) 推荐(0) 编辑

列表排序（监视和计算属性）

摘要： <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <!-- 实现需求：模糊检索下列数据 1.收集用户的输入框的内容 2. 使用watch监视属性去监视keyWord的值（监视） 3.使用computed计算属性去实阅读全文

posted @ 2022-12-05 21:23 爱前端的小魏阅读(19) 评论(0) 推荐(0) 编辑

模糊查询（监视属性和计算属性实现）