- 博客(32)
- 收藏
- 关注
RSS订阅原创 过渡和动画的使用方法
javascript// 在DOM更新之后执行的操作})nextTick方法是Vue.js中一个非常有用的工具，可以确保在DOM更新之后执行特定的操作。结合过渡与动画效果，我们可以创建出更加生动和吸引人的用户界面。希望本文能够帮助你更好地理解nextTick方法以及如何在Vue应用中使用过渡与动画效果。
2024-06-23 22:04:35
243
原创 组件的注册和引用
在Vue中，开发者可以将页面中独立的、可重用的部分封装成组件，对组件的结构样式和行为进行设置。组件是Vue的基本结构单元，组件之间可以相互引用。本节将围绕组件的注册和引用进行详细讲解。
2024-06-11 18:47:22
416
原创 vue 组件组件通信方法
子组件中定义props字段，类型为Array（如需限制字段值类型，也可以定义为Object的形式）。如下例子，父组件挂载子组件helloWorld，在组件标签上给title赋值，子组件helloWorld定义了props属性，里面有一个值是title，这样子组件就可以使用父组件传递过来的值了。子组件：hello-world.vue。1、父组件props传值给子组件。父组件：home.vue。（1）props扩展示例。
2024-06-02 18:51:51
151
原创 组件的注册
其中，冒号前面的ComponentA是局部注册的组件名称，冒号后面的ComponentA是组件本身。局部注册即在某个组件中注册，被局部注册的组件只能在当前注册范围内使用。例如，在组件A中注册了组件B，则组件B只能在组件A中使用，不能在组件C中使用。在实际开发中，如果某个组件的使用频率很高，许多组件中都会引起该组件，则推荐将该组件全局注册。上述语法格式中，component()方法接收两个参数，第一个参数为组件名称，注册完成后即可全局使用该组件名称，第二个参数为需要被注册的组件。
2024-05-26 22:01:39
272
原创 样式绑定（class属性）
在Vue中，通过绑定class属性和style属性可以实现元素的样式绑定。在Vue中，通过更改元素的class属性可以更改元素的样式，而对class属性的操作以通过v-bind来实现。在上述代码中， 第2行代码用于绑定class 属性， 属性值为className；在 Vue中， v-bind 指令中的 class属性值除了字符串和对象外， 还可以是一个数组，用以动态地切换HTML 的class 属性，数组中的每个元素为要绑定的类名。在上述代码中，第2行代码中的className表示要绑定的类名。
2024-05-20 08:22:18
609
原创 用express创建接口
语法如下：$.ajax({type:"get",-------------------------（调取接口的方法）url:`${base}/login`,-----------------（路径）base= "http://127.0.0.1:81"data:{ ------------------------内容},success:(req)=>{---------------------------------------函数})
2024-05-12 20:59:45
271
原创 列表渲染指令和条件渲染指令
为此，Vue提供了列表渲染指令 v-for，只需要在模版中定义一件商品结构，v-for就可以根据提供的数据自动渲染商品列表中所有商品。需要频繁切换某个元素显示或隐藏状态时，使用v-show更节省性能开销，只需切换一次显示或隐藏状态时，v-if更合理。使用v-for可以辅助开发者基于一个数组，对象，数字，或字符串来循环渲染一个列表，下面进行分解。在Vue中，当需要根据不同判断结果显示不同DOM元素，可以通过条件渲染指令来实现。在商品列表中，每件商品结构相同，如果每件商品结构都要手动定义，会非常麻烦。
2024-05-06 06:00:00
154
原创 编程式导航
在vue中，页面有两种导航方式，分别是声明式导航和编程式导航。其中，使用<router-link>标签定义导航链接的方式属于声明式导航；编程式导航是先通过 userRouter() 函数获取全局路由实例，然后通过调用全局路由实力实现导航。Vue Router提供了userRouter()函数，使用它可以获取全局路由实例，示例如下：</script>全局路由实例常用的方法有push()方法、replace()方法和go()方法，下面分别进行讲解。
2024-05-05 20:52:00
1123
原创 vue一周小结（5）
<h1>我是day03组件</h1><button @click="btn()">提供自定义事件</button>data() {return {userName:"张三",// age:"小红"ids:99,str:"我是自定义事件点击"},methods:{btn(){},// }
2024-04-07 13:56:49
246
原创 VUE一周小结（4）
<h1>我是student组件</h1></div>`,})template:`<div><h1>我是nameList组件</h1>
2024-03-31 14:35:48
134
1
原创 Vue一周小结（3）
全局自定义指令过滤器1.两种写法：Vue.filter("名称",函数(接收前一个的值))new Vue({filters:{函数名(接收前一个的值){}}})2.过滤后产生新的数据值，多个过滤器串联，3.使用时|过滤名 过滤名后面可加可不加()})
2024-03-24 18:47:57
784
1
原创 Vue小结（2）
"nums":{},},},},规则：1.定义指令名称时不要使用v-和驼峰，需要使用-连接，需要加引号2.使用时需要v-3.对象式"指令名":{绑定成功触发bind(元素,绑定对象){},插入页面触发inserted(元素,绑定对象){},元素解析触发(值改变)update(元素,绑定对象){}},},
2024-03-17 18:33:09
657
1
原创 vue一周小结
-- 容器 ，app容器名称-->-- 注：容器名称尽量使用id绑定唯一值 -->-- {{}}插值语法 --><h1>{{names}}</h1></div></div>// 阻止VUE在启动时产生的提示data: {',names:"张三"})// el绑定容器data: {message: '计应1班第一天上vue'})
2024-03-10 18:27:32
463
1
原创 初始vue
一、一、1. 介绍Vue 是一套用来动态构建用户界面的渐进式JavaScript 框架（1）构建用户界面：把数据通过某种办法变成用户界面（2）渐进式：Vue 可以自底向上逐层的应用，简单应用只需要一个轻量小巧的核心库，复杂应用可以引入各式各样的 Vue 插件。
2024-03-10 17:43:32
459
1
原创 qq好友列表（html简单方法）
李四</li><li class="fli">小张</li><li class="fli">小代</li><li class="fli">小孙</li><li class="fli">小张</li><li class="fli">小孙</i>我的好友。<li class="tli"><i></i>我的家人。<li class="tli"><i>
2023-12-25 02:00:00
131
原创 第一二次听写
align-content 修改 flex-wrap 属性的行为，类似 align-items, 但不是设置子元素对齐，而是设置行对齐。IE盒子模型：当盒子设置内边距时，不把原本的盒子大小撑大说明是IE盒子，且内边距大小没有超过自身宽度高度，超过自身宽度高度也会撑大。localStorage - 用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去除。Cookie可设置过期时间，存储大小为4kb，请求时呆在http请求头中。标准盒子模型：当盒子设置内边距时，会把原本的盒子大小撑大说明是标准盒子，
2023-09-24 21:11:13
45
1
原创 选择器的样式
important权重最高>id>class>属性>标签 */content: "请支付";/* 直接子元素选择器 *//* 所有子元素选择器 *//* 相邻兄弟选择器 *//* 所有兄弟选择器 *//* 派生选择器 *//* 获取焦点 */
2023-09-18 08:36:58
23
原创 表格的做法
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } .box1 { width: 600px; margin: 0 auto; } .add { wid
2023-09-11 09:10:27
34
1
原创 老师教我们敲的集团
input class="add" onclick="addClick()" type="button" name="" id="" value="新增" />
2023-09-10 17:52:43
31
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人