2022年12月14日

v-for 渲染列表

摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style></style> <!-- v-for 用于列表展示数据 语法：v-for="(item,index) in xxx" :key='xxx' 可遍历 阅读全文

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

组件的嵌套

摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <!-- 1.组件的嵌套（school中包含student标签） 2.在app组件中使用其他组件 --> <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) 编辑

导航