摘要：
非单文件组件 一个文件中包含有n个组件 非单文件组件的特点 1）模板编写没有提示 2）没有构建过程，无法将ES6转换成ES5 3）不支持组件的CSS 4）真正开发中几乎不用 Vue中使用组件的三大步骤 1. 定义组件（也就是创建组件） 2. 注册组件（这里有局部注册和全局注册） 3. 使用组件（编写 阅读全文
posted @ 2023-10-14 22:52
马铃薯1
阅读(114)
评论(0)
推荐(0)
摘要：
使用传统的方式编写应用 传统的方式，一般离不开前端的三大件（HTML、CSS、JS） HTML：HTML是超文本标记语言（Hyper Text Markup Language）是用来描述网页的一种语言，负责网页的架构 CSS：CSS是一种层叠样式表(级联样式表、样式表)，是⼀种标记语⾔，负责网页的样 阅读全文
posted @ 2023-10-09 11:57
马铃薯1
阅读(45)
评论(0)
推荐(0)
摘要：
生命周期 生命周期又名生命周期回调函数、生命周期函数、生命周期钩子 什么是生命周期 Vue在关键时刻帮我们调用的一些特殊名称的函数。 生命周期函数的名字不可更改，但函数的具体内容是程序员根据需求编写的。 生命周期函数中的 this 指向是 vm 或 组件实例对象。 通过一个小案例，标签实现逐渐透明化 阅读全文
posted @ 2023-09-28 15:20
马铃薯1
阅读(32)
评论(0)
推荐(0)
摘要：
回顾一下前面学习的，Vue模板语法 1)插值语法 功能：用于解析标签体内容 写法：{{xxx}},xxx是js表达式，并且可以直接读取到data中的所有属性 2)指令语法 功能：用于解析标签（包括：标签属性、标签体内容、绑定事件...） 举例：v-bind:href="xxx" 或 :href="x 阅读全文
posted @ 2023-09-27 15:48
马铃薯1
阅读(34)
评论(0)
推荐(0)
摘要：
目前为止，我们学过的指令： v-bind：单向绑定解析表达式，可以简写为 :xxx v-model：双向数据绑定 v-for：遍历数组 / 对象 / 字符串 v-on：绑定事件监听，可以简写为 @ v-if：条件渲染（动态控制节点是否存在） v-else：条件渲染（动态控制节点是否存在） v-sho 阅读全文
posted @ 2023-09-25 17:51
马铃薯1
阅读(37)
评论(0)
推荐(0)
摘要：
过滤器（Vue3 已经移除） 定义：对要显示的数据进行特定格式化后再显示（适用于一些简单逻辑的处理） 注册过滤器： // 全局过滤器 Vue.filter(name,callback) //局部过滤器 new Vue{filters:{}} 使用过滤器： {{ xxx | 过滤器名}} 或 v-bi 阅读全文
posted @ 2023-09-25 15:52
马铃薯1
阅读(19)
评论(0)
推荐(0)
摘要：
收集表单数据 1）若：<input type="text"/>，则v-model收集的是value值，用户输入的就是value值 <input type="text" id="account" placeholder="请输入账号信息" v-model="userInfo.accountData"> 阅读全文
posted @ 2023-09-25 00:26
马铃薯1
阅读(70)
评论(0)
推荐(0)
摘要：
我们先探讨一个数据更新时的问题，假设在以下人员列表中，改变"马冬梅"的信息，可以通过什么方法 1）第一种方法（奏效） 数据更新时，方法奏效 this.persons[0].name = "马老师" this.persons[0].age = 50 this.persons[0].sex = "男" 阅读全文
posted @ 2023-09-21 17:11
马铃薯1
阅读(70)
评论(0)
推荐(0)
摘要：
列表过滤 1）监视属性，实现列表过滤 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>基本列表</title> <!-- 引入Vue --> <script type="text/javascript" sr 阅读全文
posted @ 2023-09-20 18:06
马铃薯1
阅读(114)
评论(0)
推荐(0)
摘要：
使用 v-for 做列表渲染 我们可以用 v-for 指令基于一个数组来渲染一个列表，用于展示列表数据。 语法： v-for = "(item, index) in items" :key="xxx" 或者 v-for = "(item, index) of items" :key="xxx" 这里 阅读全文
posted @ 2023-09-19 22:48
马铃薯1
阅读(60)
评论(0)
推荐(0)
浙公网安备 33010602011771号