vue相关
vue相关案例和理论笔记
Annaluo
加油呀~ 前端er 冲~
展开
-
Vuex基础知识
1,操作步骤:当组件中的状态发生改变,通过dispatch函数提交到Action,Action再通过Commit函数提交到Mutations,此时,状态发生改变都会实时的去渲染组件。2,核心概念State:唯一的数据源:需要把任何一个组件中需要抽取处理的变量放入到state中去。单一的状态树:只要把store注册到app.js中,所有组件都可以使用其中的状态。Getters:概念:通过Getters可以派生出一些新的状态。Mutations:概念: 更改Vuex的stor原创 2022-02-18 09:56:42 · 438 阅读 · 0 评论 -
用vue写一个todo的简单例子
要求:实现基本的增删查改第一步:新建一个项目成功创建的样子:项目目录如图所示:运行效果如下所示:(该有的功能都实现了,视频暂时传不上来footer代码:<template> <div class="todo-footer"> <label> <input type="checkbox" v-model="isCheck"/> </label&..原创 2022-02-06 19:49:29 · 828 阅读 · 2 评论 -
vue里面的class和style的区别
一、class:1,直接传递一个数组。注意:这里的class需要使用v-bind做数据绑定。2,在数组中使用表达式3,在数组中使用对象来代替三元表达式,提高代码的可读性4,在为class使用v-bind绑定对象的时候,对象的属性是类名,对象的属性可带引号,也可不带引号,属性的值是一个标识符。二、style1,直接在元素上通过':style'的形式,书写样式对象2,将样式对象,定义到'data'中,并直接引用到‘:style’中3,在':style'中通过数组,引用多个'd原创 2022-02-06 08:57:31 · 4150 阅读 · 0 评论 -
vue中事件修饰符的基本使用
.stop-------- 阻止冒泡。(从内到外).prevent--------阻止默认事件.capture-------添加事件侦听器时使用事件捕获模式(从外到内).self---------只当事件在该元素本身触发时触发回调。(比如不是子元素).once--------事件只触发一次.stop和.self的区别:1,.stop是真正意义上的阻止冒泡2,.self只会阻止自己身上冒泡行为的触发,并不会真正阻止冒泡的行为代码如下:(直接复制到html文件即可运行)原创 2022-02-05 22:18:23 · 433 阅读 · 0 评论 -
vue常用指令实现一个学生录入系统
一、功能描述:1,对于输入的内容进行简单的判断。2,实现简单的增加和删除功能。二、运行情况图1 页面初始化情况点击"添加新用户"如下:图2: 添加一个新用户图3:删除Anna和张三两个用户全部代码如下所示:(直接复制到一个.html文件即可成功运行)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <..原创 2022-02-05 19:11:15 · 2784 阅读 · 0 评论 -
HTML里面P标签不能内嵌别的标签
原创 2021-11-21 22:03:37 · 554 阅读 · 0 评论