简言： 注意：Vue 3.0 项目目前需要从 Vue 2.0 项目升级而来 目录一、准备工作二、搭建三、目录结构1、目录示意图2、目录解析一、准备工作npmnode.js二、搭建1.搭建vue的开发环境，安装脚手架工具sudo npm install -g @vue/cli2.安装成功后，查看版本是否安装成功vue -V最新版是：@vue/cli 5.0.13.初始化 vue 项目vue
node_modules：npm 加载的项目所需要的各种依赖模块。src：这里是我们开发的主要目录（源码），基本上要做的事情都在这个目录里面，里面包含了几个目录及文件： 1、assets:放置一些图片(会根据图片大小分类进行base64命名还是其他方式命名)，如logo等； 2、components:目录里放的是一个个的组件文件； 3、App.vue：项目入口组件（跟组件），我们也可以将组件
转载
2024-10-09 10:00:29
43阅读
? 作者简介：大家好，我是Taro，前端领域创作者 ✒️ 个人主页：唐璜Taro ? 支持我：点赞?+? 评论 + ⭐️收藏最近在修改我司一款医疗类CMS系统，采用的技术栈是 Vue2.x + Ant-Design-Vue ，用户提到了一个需求，希望在切换Tabs多页签时，能够在其他Tabs切换回来后，下方的分页器页码依然可以留在离开前的页数。 这里想到的是 使用 Vue中的 keep-alive
转载
2024-03-21 11:45:09
74阅读
Vue.js数组高阶函数1.forEach(遍历)forEach() 方法用于调用数组的每个元素，并将元素传递给回调函数。(没有返回值，将数组遍历)注意： forEach() 不会对空数组进行检测。注意： forEach() 原则上不会改变原始数组。参数：function（currentValue、index、arr） thisValue 可选。对象作为该执行回调时使用，传递给函数，用作 “thi
17、keep-alive的作用是什么?keep-alive是 Vue 内置的一个组件，可以使被包含的组件保留状态，或避免重新渲染。在vue 2.1.0版本之后，keep-alive新加入了两个属性: include(包含的组件缓存) 与exclude(排除的组件不缓存，优先级大于include) 。使用方法： <keep-alive include='include_components'
#include叫做文件包含命令，用来引入对应的头文件（.h文件）。#include 也是C语言预处理命令的一种。 #include 的处理过程很简单，就是将头文件的内容插入到该命令所在的位置，从而把头文件和当前源文件连接成一个源文件，这与复制粘贴的效果相同。 #include 的用法有两种，如下所示：#include <stdHeader.h> #include "myHeader.
数组方法之includes(写出我的myIncludes)首先,includes()方法用来判断一个数组是否包含一个指定的值，如果是返回 true，否则false。先来简单的使用一下include()方法var arr = [10,20,30,40,50];
arr.includes(10); //true当传入俩个参数的参数var arr = [10,20,30,40,50];
arr.inc
转载
2024-05-16 09:14:41
4200阅读
点赞
vue.jsvue.js只聚焦视图层，是构建数据驱动web界面的一个库。数据绑定定义：将数据和视图相关联，当数据发生变化时，可以自动更新视图。语法
1） 插值
使用双大括号{{}}，双大括号会将里面的值当做字符串进行处理；而如果值是HTML片段时，则使用三个大括号进行绑定<!-- {{text}}值改变时，文本值也会联动发生变化。即渲染一次，就
转载
2024-08-21 20:32:44
406阅读
VUE项目编写总结（二）写在前面：第二阶段的知识总结来啦，这个阶段主要是项目整体结构的布局设计，通过简单的封装和方法抽离使得项目文件更加简洁直观，不过在优化时容易陷入钻牛角尖的境地，所以我们前期还是要以实现功能为主，优化放到后面再处理。一. Element UI 组件封装因为element ui全部引用整体文件过于庞大，所以我们在项目编写时，通常进行部分引用。这里我们新建一个element.js文
一、vue的使用1、vue-clivue 项目是基于vue-cli 脚手架搭建的项目。当我们要创建一个项目时，首先要先全局安装vue-cli脚手架，命令行为：npm i -g @vue/cli在搭建完成项目以后，我们需要来了解 src 目录下各个文件夹和文件的用法。├── assets 放置静态资源
├── components 放组件
├── router 定义路由的相关配置
├── views
转载
2024-08-09 13:29:25
193阅读
在如今的web开发中，基于java的应用越来越多。在这其中，servlet又扮演着十分重要的角色。本系列文章就是要介绍一些辅助进行servlet开发的工具，让大家进行开发时，有多种技术可供选择。servlet技术无疑是一种优秀的技术，java服务器端技术大都基于servlet技术。但这种技术也有其
转载
2024-10-18 19:06:55
66阅读
小列表涉及的知识点 ： form-inline 会让元素在以行内显示 在Vue中，使用事件绑定机制，为元素指定处理函数的时候，如果加了小括号，就可以给函数传参了 seach关键字搜索法 增加数据并渲染 根据获取id利用循环的方法找到对应的索引数据删除数据forEach some filter(过滤) findIndex 这些都属于数组的新方法 ES6中，为字符串提供了一个新方法，叫做 String
转载
2024-05-31 13:22:05
417阅读
这一章主要是列举vue实例一些实用的方法和属性，大概讲解一下用到的地方，有些涉及组件部分的属性，暂时跳过，待到学完组件章节，再回过头来补充。主要讲解：vue instance声明方式vue instance上的属性vue instance上的方法vue instance声明方式const vm = new Vue({
el:"#app",
之前我们说到，数组的方法内部其实都依赖了对象的基本语义，因此多数情况下，不需要特殊处理就能让方法按预期执行。就比如数组的includes方法，看下面代码：const arr = reactive([1,2])
effect(()=>{
console.log(arr.includes(1)) // 初始打印 true
})
arr[0] = 3 // 副作用函数重新执行，并打印fals
转载
2024-02-22 18:35:26
4719阅读
## jQuery `includes` 用法解析
在现代网页开发中，jQuery 是一款广泛使用的 JavaScript 库，它简化了 HTML 文档遍历、事件处理和动画等操作。而在 jQuery 中，处理字符串时， `includes` 方法是一个非常实用的工具。虽然 `includes` 是 ECMAScript 6（ES6）引入的原生字符串方法，但 jQuery 对它的使用也得到了广泛关
前言 前面碰到一个需求：想要判断一个数是否在某个数组中，然后决定返回值 详见：一块学Vue:学习日记_2020.1.9 - 利用Vue实现冒泡排序的过程展示器_第二次优化 一开始想的方法是：this.state == 5 || this.state == 9 || this.state == 0 ? true : false; 但是感觉需要判断的数多了之后，写起来很麻烦，就想了第二种方
转载
2024-03-18 22:00:53
640阅读
ts 类初探当大家看到typescript（ts） 中的类（class）时候，可能好多人都会想起面向对象，对的，面向对象是许多后台的一种编程思想，比如： 本人曾经接触的java， 里面就是用的是面向对象的思想。但是本文不讨论面向对象，值讨论ts 中 class 新增的语法，和一些使用方法以及注意事项。回顾es6中的类// 定义一个用户的类，里面有两个属性，名字和年龄
class User {
目录今日内容详细一、props其他二、混入mixin三、插件四、elementui使用五、vuex六、vue Router七、localStorage系列今日内容详细一、props其他# 安装依赖
cnpm install
# 做成纯净的vue项目
-在router的index.js 中删除about的路由
-删除所有小组件和about页面组件
-只留App.vue
<templa
转载
2024-07-06 05:52:22
196阅读
在Vue.js中，过滤器主要用于文本的格式化，或者数组数据的过滤与排序等。从Vue.js2.0.0版本开始，内置的过滤器被删除了，如果使用过滤器，需要自己编写。过滤器可以用在两个地方：双花括号插值和v-bind表达式，使用时通过管道符（ | ）添加到表达式的尾部使用。 &nb
转载
2024-09-27 16:40:29
60阅读
又到了大家最喜欢的项目练习阶段，学以致用，今天我们要用前几篇的学习内容实现列表的添加与删除。学前准备：①：JavaScript中的splice(index,i)方法：从已知数组的index下标开始，删除i个元素。②：JavaScript中的findIndex() 方法：为数组中的每个元素都调用一次函数执行。当数组中的元素在测试条件时返回 true 时, findIndex()
