- 博客(21)
- 收藏
- 关注
RSS订阅原创 【vue】非父子通信-provide&inject
一般父组件共享的数据都是推荐复杂类型的（包成对象），因为其是响应式的，父组件修改后信息后，以前的信息也是会跟着变的，而简单类型的不会变。子/孙组件 inject 取值使用。父组件 provide 提供数据。用provide共享数据。
2024-05-17 21:19:18
23
原创 【vue】非父子通信（拓展）-event bus 事件总线
先创建一个都能访问到的bus事件总线，借助事件总线来完成数据的传递。一旦触发事件了，而a组件进行了监听，那么就会执行a里面的回调。由a组件来进行事件的监听，b组件来触发bus对应的组件。1.创建一个都能访问到的bus事件总线。3.b组件来触发bus对应的组件。2.由a组件来进行事件的监听。那么就把消息发送给a了。
2024-05-16 22:07:29
109
1
原创 【vue】综合案例：小黑记事本组件版
核心步骤：① 拆分基础组件新建组件 → 拆分存放结构 → 导入注册使用② 渲染待办任务提供数据(公共父组件)→父传子传递 list → v-for 渲染③ 添加任务收集数据 v-model → 监听事件 →子传父传递任务 → 父组件 unshift④ 删除任务监听删除携带 id →子传父传递 id → 父组件 filter 删除⑤ 底部合计 和 清空功能底部合计：父传子传递 list → 合计展示清空功能：监听点击 →子传父通知父组件 → 父组件清空。
2024-05-16 21:37:28
206
1
原创 【Vue】什么是prop
传递任意数量、任意类型的prop要给子组件传递父组件的值，给父组件中使用的子组件添加自定义属性的方式去传值多种类型的信息都可以进行发送和接收。
2024-05-15 21:36:47
174
原创 【vue】data是一个函数
注意：data在组件中必须是一个函数，每次使用的时候都运行一次，保证每次使用的数据都是独立的，不会相互影响。只写一个无法体现出该程序的有点，多写几个就能体现出程序的有点了，大大减少了程序的代码量。每次创建新的组件实例，都会新执行一次 data 函数，得到一个新对象。如果data不是一个函数的话，会导致组件间相互影响，出现错误提示。→ 保证每个组件实例，维护。写好后就能进行使用了。
2024-05-15 19:16:16
143
原创 【vue】生命周期和生命周期四个阶段
初始化请求最早最早只能在created当中，因为在beforecreate的时候响应式数据都没准备好，无法将数据储存。就会触发下面的两个生命周期钩子函数，页面的元素就操作不了了，该实例已经销毁了。此时可以看出访问不到数据，是因为在响应式数据准备好之前访问，没有数据。所以，要操作dom的话，需要等到模板渲染完后才能操作。根据上图可以看出，要在数九准备好之后才可以进行访问。{{ title }}模板语法，则没有被渲染。操作dom:操作dom应在挂载阶段后。输入app.$destroy()
2024-05-15 18:56:07
186
原创 【vue】scoped样式冲突
1.给当前组件模板的所有元素，都会添加上一个自定义属性。data-v-5f6a9d56 用于区分开不通的组件。默认情况下样式是全局样式，会造成多个组件之间的样式冲突，2.css选择器后面，被自动处理，添加上了属性选择器。组件都应该有独立的样式，推荐加scoped（原理）如果不加scoped属性的话 div里面的样式冲突。2.加上scoped可以让样式变成局部样式。1.style中的样式 默认是作用到全局的。在根组件中用div包裹使用了两个局部组件。两个局部组件都定义了div样式。只产生了红色的边框样式。
2024-05-15 17:14:37
137
原创 【vue】组件综合案例-小兔鲜首页
其余的组件跟上面的步骤一样建立.vue文件，导入、注册最后使用。同时要展示多个相同的组件时，不用一个个去cv，用上v-for。要使用这个组件就要创建.vue文件，然后导入和注册。/* 所有折叠：ctrl+k ctrl+0 *//* 所以展开：ctrl+k ctrl+j */其余的组件也是如此操作，就能将其展示出来了。这些基础组件可以注册为全局组件，供大家使用。将页面的不同的模块拆分成一个单独的组件。1.将网页结构html写到组件的结构中。网页访问的是App.vue中的内容。再将样式写到组件的样式里面。
2024-05-15 16:14:45
153
原创 【javaWeb】2虚拟路径和虚拟机
虚拟路径：将web项目配置到webapps以外的路径webapps就是一个虚拟路径，所以在访问的时候就直接访问其里面的资源之前创建的项目Jsp Project是在虚拟路径webapps中的，就可以直接在浏览器中输入访问，若该文件不在虚拟路径webapps中，就需要重新配置文件。
2024-05-13 19:32:30
400
原创 【javaWeb】1jsp环境搭建及入门
首先有一个服务器，里面有一个web应用服务器，将程序放入web应用服务器中，再启动web应用服务器，客户端就可以通过ip地址进行对端口信息来访问程序而tomcat就是web应用服务器两台电脑之间的程序本来只能在自己的电脑上运行，而使用了tomcat后，就可以实现两个电脑之间的相互访问了（前提是我们要在一个局域网里面运行）
2024-05-12 21:55:36
496
1
原创 【vue】组件化开发和根组件
代码实现若想不报错的话就在这两个元素外面再加多一层div，就不会报错了，不过这个是Vue2的特点，而Vue3中已经没有这个规则了 1.给style加上 lang="less" 2.安装依赖包 less less-loader 两个包一个都不能少
2024-05-11 19:03:27
204
1
原创 【Vue】项目介绍和运行流程
养成好习惯，打开项目的时候将整个项目作为根目录在vscode中打开，直接将其拖到vscode中即可，不要出现多个项目并行打开，否则难维护，配置项也会不稳定。index.html介绍。main.js文件介绍。
2024-05-11 17:53:12
182
1
原创 【vue】工程化开发和脚手架
注意：启动项目的时候npm run serve中的serve不是写死的，要看项目中package.json文件，项目开发需要搭建架子，而架子搭建太复杂，则需要工具来帮助我们搭建架子，则用到了脚手架。回车键后，通过上下左右来选择vue2还是vue3，选好后接着回车，然后等待一会。到浏览器中输入localhhost:8080,回车，看到该界面，则启动成功。1.要创建项目时，新建一个空白包，点开后，在空白处右键，点击终端。先cd进入到包里面，然后run启动任务，回车。2.创建项目的时候直接在终端输入。
2024-05-11 16:09:15
293
1
原创 【数据库】创建数据表
-references:外键，自动从关联表中检查是否有该编号，若有，则可添加，若没有，则会添加失败，为了防止将没有的部门编号或者职级编号输入进来。--char:定长，char(10),无论存储数据是否真的到了10个字节，都要占10个字节。--identity(1,1): 自动增长，初始值为1，增长步长为1。--identity(1,1): 自动增长，初始值为1，增长步长为1。--varchar:变长，varchar（10），最多占用10个字节。--varchar(10)存储''ab',占用2个字节。
2024-04-14 21:05:44
445
原创 【数据库】SQLSERVER基础操作
2.找到u盘上粘贴下来的脚本文件，双击用数据库软件打开，运行一下，没有报错，刷新一下，就可获取到原本的数据库。将其放到u盘上，即可带走。
2024-04-14 20:59:17
207
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人