usrname为username-CSDN博客

原创 vue学习笔记汇总（持续更新）

v-bind动态绑定style（对象）？v-bind动态绑定class数组语法？计算属性与methods的对比？

2022-11-26 22:21:02 480

原创如何使用vuex

state: {isCollapse: false, //控制菜单展开或收起},//修改菜单展开收起的方法},},

2023-09-10 18:57:56 235

原创如何使用组件

可以复用的代码写到组件里面，比如左侧的导航栏。

2023-09-06 21:11:10 553

原创 element-ui全局导入与按需引入

安装好depencencies里面可以看到安装的element-ui版本然后重点是两个import与一个use这样就可以全局引入。

2023-09-06 16:53:11 808

原创 npm修改为国内镜像

使用此指令，修改为淘宝镜像，输入指令后检查是否修改成功。这是国外的地址，npm下载很慢。此处再下载就会快很多。查看下载地址，默认是。

2023-09-06 14:27:00 690

原创全国工业和信息化应用人才考试-- 服务外包软件测试复习整理

等价类是指某个输入域的子集，在该子集合中，测试某等价类的代表值就等于这一类其他值的测试，对于揭露程序的错误是等效的。因此，全部输入数据可以合理划分为若干个等价类，在每一个等价类中取一个数据作为测试的输入条件，就可以用少量的代表性的测试数据取得比较好的效果。首先分析边界值：1，100（有效等价类），其次是边界值两边的值：0，2，99，101（0 和 101 是无效等价类，2 和 99 是有效等价类）。2.如果规定了输入值的个数，则用最大个数，最小个数，比最小个数少 1，比最大个数多 1 的数作为测试数据。

2023-08-29 14:54:46 218 1

原创 Vue的router学习

前端路由的核心是什么呢？改变URL，但是页面不进行整体的刷新。vue-router是基于路由和组件的 路由用于设定访问路径, 将路径和组件映射起来； 在vue-router的单页面应用中, 页面的路径的改变就是组件的切换；使用router需要1.在router文件夹内书写整个index.js文件2.在View文件夹内书写具体的router文件内容3.在App.vue文件夹想要替换内容的地方,写上路由占位符。

2023-07-28 15:22:54 382

原创 vue的setup函数

0.最基础的setup使用 为了开始使用Composition API，我们需要有一个可以实际使用它（编写代码）的地方； 在Vue组件中，这个位置就是 setup 函数；◼ setup其实就是组件的另外一个选项： 只不过这个选项强大到我们可以用它来替代之前所编写的大部分其他选项； 比如methods、computed、watch、data、生命周期等等；0.最基础的setup使用。

2023-07-27 09:57:34 861

原创插槽slot复习

 但是为了让这个组件具备更强的通用性，我们不能将组件中的内容限制为固定的div、span等等这些元素； 比如某种情况下我们使用组件，希望组件显示的是一个按钮，某种情况下我们使用组件希望显示的是一张图片； 左边区域可能显示一个菜单图标，也可能显示一个返回按钮，可能什么都不显示； 中间区域可能显示一个搜索框，也可能是一个列表，也可能是一个标题，等等； 这个组件分成三块区域：左边-中间-右边，每块区域的内容是不固定； 右边可能是一个文字，也可能是一个图标，也可能什么都不显示；

2023-07-26 15:03:06 258

原创组件间通信案例练习

App.vue易错::titles='["衣服","鞋子","裤子"]'这里是"[]",不是[]

2023-07-26 14:57:28 179

原创组件间嵌套与父子组件通信

比如在App.vue内使用注册的ShowInfo组件,这就是组件嵌套,其中ShowInfo是子组件,App是父组件◼ 前面我们是将所有的逻辑放到一个App.vue中： 在之前的案例中，我们只是创建了一个组件App； 如果我们一个应用程序将所有的逻辑都放在一个组件中，那么这个组件就会变成非常的臃肿和难以维护； 所以组件化的核心思想应该是对组件进行拆分，拆分成一个个小的组件； 再将这些组件组合嵌套在一起，最终形成我们的应用程序；

2023-07-26 10:50:29 182

原创 vue.config.js配置路径别名

当路径特别深的时候,可以设置别名 ,比如index.js位于特别深的位置。只有上述没有代码提示,可以手动配置。

2023-07-25 10:54:43 608

原创组件化开发复习

createApp 函数传入了一个对象 App ，这个对象其实本质上就是一个组件，也是我们应用程序的根组件可以写为: 2.注册全局组件我们先来学习一下全局组件的注册： 全局组件需要使用我们全局创建的 app 来注册组件； 通过 component 方法传入组件名称、组件对象即可注册一个全局组件了； 之后，我们可以在 App 组件的 template 中直接使用这个全局组件 3.组件自己的逻辑组件本身也可以有自己的代码逻辑： 比如自己的 data 、 computed 、

2023-07-25 10:11:23 716

原创 v-model复习

代码逻辑中获取到用户提交的数据，我们通常会使用 v-model 指令来完成： v-model 指令可以在表单 input 、 textarea 以及 select 元素上创建双向数据绑定； 它会根据控件类型自动选取正确的方法来更新元素；v-model 本质上不过是语法糖，它负责监听用户的输入事件来更新数据，并在某种极端场景下进行一些特殊处理；

2023-07-24 17:22:33 38

原创综合案例:书籍购物车

【代码】综合案例:书籍购物车。

2023-07-19 10:52:20 144

原创侦听器watch

在代码逻辑中监听某个数据的变化，这个时候就需要用侦听器 watch 来完成了；

2023-07-19 10:14:04 250

原创 vue的computed复习

三个案例： 案例一：我们有两个变量： firstName 和 lastName ，希望它们拼接之后在界面上显示； 案例二：我们有一个分数： score 当 score 大于 60 的时候，在界面上显示及格； 当 score 小于 60 的时候，在界面上显示不及格； 案例三：我们有一个变量 message ，记录一段文字：比如 Hello World 某些情况下我们是直接显示这段文字； 某些情况下我们需要对这段文字进行反转；

2023-07-18 11:34:15 432

原创 v-for复习

 在真实开发中，我们往往会从服务器拿到一组数据，并且需要对其进行渲染。 这个时候我们可以使用 v-for 来完成； v-for 类似于 JavaScript 的 for 循环，可以用于遍历一组数据；

2023-07-18 09:27:32 217

原创 vue条件渲染复习

 在某些情况下，我们需要根据当前的条件决定某些元素或组件是否渲染，这个时候我们就需要进行条件判断了。 Vue 提供了下面的指令来进行条件判断： v-if v-else v-show。

2023-07-18 08:35:35 212

原创 v-on绑定事件复习

在前端开发中，我们需要经常和用户进行各种各样的交互： 这个时候，我们就必须监听用户发生的事件，比如点击、拖拽、键盘事件等等 在 Vue 中如何监听事件呢？使用 v-on 指令。 参数： event 修饰符： .stop - 调用 event.stopPropagation()。 .prevent - 调用 event.preventDefault()。 .capture - 添加事件侦听器时使用 capture 模式。

2023-07-17 17:06:52 126

原创 v-bind复习

 前端讲的一系列指令，主要是将值插入到模板内容中。 但是，除了内容需要动态来决定外，某些属性我们也希望动态来绑定。 比如动态绑定 a 元素的 href 属性； 比如动态绑定 img 元素的 src 属性； 绑定属性我们使用 v-bind ：图片的链接 src 、网站的链接 href 、动态绑定一些类、样式等等 用法：动态地绑定一个或多个 attribute ，或一个组件 prop 到表达式。

2023-07-17 15:58:59 80

原创 vue复习

 我们会在 createApp 传入的对象中声明需要的内容，模板 template 、数据 data 、方法 methods； 在早期的原生 JavaScript 和 jQuery 开发的过程中，我们都是通过这种命令式的方式在编写代码的； 默认情况下，如果我们展示的内容本身是 html 的，那么 vue 并不会对其进行特殊的解析。 在该方法中，我们可以使用 this 关键字来直接访问到 data 中返回的对象的属性； 在 Vue2.x 的时候，也可以传入一个对象（虽然官方推荐是一个函数）；

2023-07-17 15:02:20 290

空空如也

汇编程序报A2008语法错误，求解决！