- 博客(86)
- 收藏
- 关注
RSS订阅原创 vue实例
/ 在通过浏览器识别html文件，展示出来，所有的.vue文件最后都会转成main.js文件渲染出来。// 实例必须调用了.mount（）方法后才会渲染出来。该方法接受一个“容器”参数。// vue应用通过createApp函数创建一个新的应用实例，相当于根组件。// 在一个vue项目当中，有且只有一个vue的实例对象。// 构建工具：Webpack\ vite。// 先从main.js开始接入。// 在index.html中。// App:根组件。
2025-02-28 21:25:35
434
原创 插槽slot
app.vue:slotbase.vue:渲染作用域：app.vuev-slot:可以简写成#slotstwo.vue:想要父组件和子组件一起显示具名插槽：
2025-02-28 15:28:27
246
原创 组件事件配合v-model使用
main.vue注入searchcomponent.vue组件。利用侦听器,子传父监听新的数据传入。v-model实时更新。
2025-02-27 11:40:00
222
原创 组件事件（子传父）
儿子：通过button按钮触发自定义事件通过$emit获取父亲的someEvent事件并传递msg数据。父亲：触发了@someEvent事件接收了儿子的data数据信息。App.vue（只进行了父亲组件的注入）
2025-02-27 11:12:36
188
原创 组件注册方式、传递数据
一个vue组件要先被注册，这样vue才能在渲染模版时找到其对应的实现。有两种注册方式：全局注册和局部注册。注意：props传递数据，只能从父级传递到子级，不能反其道而行。App.vue组件;以下这种属于局部引用。
2025-02-26 19:34:38
419
原创 class绑定和style绑定
数组和对象嵌套的过程中，只能是数组嵌套对象，不能反其道而行。（就只能[ ,{ } ]，中括号套花括号），有点复杂不推荐用。
2025-02-25 21:35:23
261
原创 事件传参
简单来说，event对象就是一个包含事件相关信息的“包裹”。当你在网页上点击按钮、移动鼠标或者敲击键盘时，浏览器会创建这样一个“包裹”，然后把它传递给你的代码中用来处理这个事件的部分。通过这个“包裹”，你可以在代码中知道用户做了什么，并且根据这些信息来做出相应的反应，比如显示一个弹窗、改变页面内容或者发送数据到服务器。
2025-02-25 13:36:55
188
原创 通过key管理状态
原来v-for依次循环依次渲染，若元素顺序改变，重新依次渲染，若加上key则就会颠倒一下顺序。就可以不需重新渲染。:key="item.id"这样就会一对一绑定，不会产生前面插入一个元素导致后面的索引都换掉。
2025-02-25 11:37:10
204
原创 条件渲染
if在为false时，根本不会渲染，而show则会，只不过display：none；if else一样的if为真则显示if的内容，若不是则显示else下的内容。当if条件为true则会被显示出来，若为false则不会显示出来。在App.vue中需要引用一下。
2025-02-24 21:57:50
280
原创 属性绑定
双大括号不能在html属性中使用，想要响应式地绑定一个属性，应用v-bind指令。区别:这里不用v-bind:id=" "，而是直接用v-bind=“ ”.dynamicClass:null就是不显示。按钮，true可点击，false不可点击。属性充当class的作用类似于我的理解。
2025-02-24 21:25:16
177
原创 基于vscode的vue项目的创建和环境的搭建
这个满足直接进入创建项目的目录，cd 目录途径。首先检查自己的node的版本，要高于15.之后进入vscode页面，直接生成。
2025-02-24 13:45:54
173
原创 js第九章进阶（DOM对象，控制html元素1-10）
一、firstChild属性返回‘childNodes’数组的第一个子节点。如果选定的节点没有子节点，则该属性返回 NULL。与elementNode.childNodes[0]是同样的效果。二、lastChild属性返回‘childNodes’数组的最后一个子节点。如果选定的节点没有子节点，则该属性返回 NULL。与elementNode.childNodes[elementNode.childNodes.length-1]是同样的效果。
2025-02-17 11:09:36
753
原创 js进阶第八章（浏览器对象）
2. screen.availHeight 属性返回访问者屏幕的高度，以像素计，减去界面特性，比如任务栏。1. screen.availWidth 属性返回访问者屏幕的宽度，以像素计，减去界面特性，比如任务栏。不同系统的任务栏默认高度不一样，及任务栏的位置可在屏幕上下左右任何位置，所以有可能可用宽度和高度不一样。在JavaScript中，我们可以在设定的时间间隔之后来执行代码，而不是在函数被调用后立即执行。几种浏览的user_agent.，像360的兼容模式用的是IE、极速模式用的是chrom的内核。
2025-02-16 10:10:35
598
原创 js 进阶第七章（对象）
JavaScript 中的所有事物都是对象，如:字符串、数值、数组、函数等，每个对象带有属性和方法。反映该对象某些特定的性质的，如：字符串的长度、图像的长宽等；能够在对象上执行的动作。例如，表单的“提交”(Submit)，时间的“获取”(getYear)等；JavaScript 提供多个内建对象，比如 String、Date、Array 等等，使用对象前先定义，如下使用数组对象：//使用new关键字定义对象或者如使用 Array 对象的 length 属性来获得数组的长度：//定义数组对象。
2025-02-15 18:05:38
578
原创 js进阶第六章（事件）
JavaScript 创建动态页面。事件是可以被 JavaScript 侦测到的行为。网页中的每个元素都可以产生某些可以触发 JavaScript 函数或程序的事件。比如说，当用户单击按钮或者提交表单数据时，就发生一个鼠标单击（onclick）事件，需要浏览器做出处理，返回给用户一个结果。
2025-02-12 11:51:22
1669
1
原创 js进阶第五章（函数）
function函数名( )函数体;function定义函数的关键字，“函数名”你为函数取的名字，“函数体”替换为完成特定功能的代码。
2025-02-11 19:44:14
656
原创 js进阶第二章
什么是变量?从字面上看，变量是可变的量；从编程角度讲，变量是用于存储某种/某些数值的存储器。我们可以把变量看做一个盒子,盒子用来存放物品,物品可以是衣服、玩具、水果...等。
2025-02-10 10:25:19
826
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人