vue源码 周期 生命

14-Vue核心-列表渲染

使用 v-for 做列表渲染 我们可以用 v-for 指令基于一个数组来渲染一个列表,用于展示列表数据。 语法: v-for = "(item, index) in items" :key="xxx" 或者 v-for = "(item, index) of items" :key="xxx" 这里 ......
核心 Vue 14

vue_vueRouter同组件跳转失败

目录场景再现资料查询解决 场景再现 现有一个Article页面, 通过/article/:id来匹配不同的文章页面, 当我需要实现跳转到上一篇或下一篇时, 即从/article/:id跳转另一个/article/:id时, 发现浏览器中只有地址变化了, 但是页面的很多组件, 包括文章内容都没有刷新, ......
vue_vueRouter 组件 vueRouter vue

Uncaught ReferenceError: defineProps is not defined at Son1Com.vue:2:15

百度翻译一下未捕获的反应错误,defineProps这个函数没定义。原本以为是宏编译器没开的原因,网上搜了有说在.eslintrc.cjs中配置开启"vue/setup-compiler-macros": true。我的项目创建时没有加eslint所以没有这个配置文件,我又重新创建项目添加这个代码规 ......

Vue之与后端交互的三种方式、显示小电影案例、计算属性、监听属性、Vue生命周期、组件介绍和使用、组件间通信、ref属性

与后端交互的三种方式 后端写了一堆接口 前段会了 前后端要打通 》从前端发送 ajax 》核心:用js发送http请求,接收返回 原生js,可以开启可以开启ajax,但是原生js开启,比较麻烦,需要做浏览器兼容,有坑(基本不写) jq,写了个兼容所有浏览器的 $.ajax(),不仅仅有ajax,还封 ......
属性 组件 小电影 Vue 周期

vue-组件

1.组件的介绍和使用 组件中是可以套组件的 组件就是:扩展 HTML元素,封装可重用的代码,目的就是复用 例如: 有一个轮播图,可以在很多页面中使用,一个轮播有js,css,html组件把js,css,html放到一起,有逻辑,有样式,有html 组件的分类: - 全局组件:可以放在根中,可以在所有 ......
组件 vue

Vue3详解

一、组合式api 1.setup选项 使用时机 ![](https://img2023.cnblogs.com/blog/2901531/202309/2901531-20230918120443038-564643943.png) <script> export default { setup ( ......
Vue3 Vue

vue-day04

补充1:定时任务和延迟任务,js中如何实现 setTimeout(function(){},3000) # 3s后执行匿名函数 var t=setInterval(function(){},3000) # 每隔3s执行匿名函数 clearInterval(t) # 停止定时任务 t=null 1 定 ......
vue-day vue day 04

Vue源码学习(七):合并生命周期(混入Vue.Mixin)

好家伙, 1.使用场景 现在来,来想一下,作为一个使用Vue的开发者,假设现在我们要使用created(),我们会如何使用 1.1. .vue文件中使用 <template> <div> <h1>{{ message }}</h1> </div> </template> <script> expor ......
Vue 源码 周期 生命 Mixin

HBuilder打包vue2.0项目生成的APK空白(已解决)

1、config下面的index.js中bulid模块导出的路径,因为index.html里边的内容都是通过script标签引入的,而路径不对,打开肯定是空白的。先看一下默认的路径。 build: { // Template for index.html // Paths 需要修改的是这里的路径 i ......
HBuilder 空白 项目 vue2 APK

打包vue组件包并上传到npm

在自己的项目中新建一个index.js做打包组件的配置 1 import 组件的名字 from "组件的地址"; 2 const comArr = [组件的名字]; 3 export default { 4 install(Vue) { // install是vue中的方法,此方法要在export ......
组件 vue npm

Vue种Ai对话框设计Demo

`<template> <div> <!-- 对话框按钮 --> <el-button @click="showDialog">打开对话框</el-button> <!-- 对话框组件 --> <el-dialog :visible.sync="dialogVisible" title="ChatG ......
对话框 Demo Vue

DRF之异常捕获源码分析

【一】异常捕获介绍 Django Rest Framework(DRF)是一个用于构建Web API的强大框架,它提供了一种处理异常的机制,使开发人员能够捕获和处理各种异常情况。 DRF中的异常捕获类是用于捕获和处理这些异常的关键组件之一。 【二】异常捕获流程分析 # 全局异常处理 # 'EXCEP ......
源码 DRF

vue2.0 项目创建和配置

项目的框架概述: 前端: 1、采用vue2.0 2、采用element ui 后端: 1、Jave 一、前端 1、创建项目 vue create web_admin 创建成功后的项目结构 2、安装element ui指定版本 yarn add element-ui@2.15.12 3、在main.j ......
项目 vue2 vue

想查看某些网站源码,结果发现网站F12被禁用,怎么解决?

当我们访问某些网站的时候,发现网站是禁用了F12和右键功能的。比如想保存网页上的一些文字或图片等, 新手不知道怎么破除。 下面分享给大家几种方法:1、打开网页后,鼠标点进浏览器地址栏,再按F12键,就可以用了。 2、打开网页后,鼠标点进浏览器地址栏,再按快捷键Ctrl+U,就可以用了。 3、可以用v ......
网站 源码 结果 F12 12

vue-计算属性、监听属性、生命周期钩子函数

计算属性 1. 计算属性是基于他们的依赖变量进行缓存的 2. 计算属性只有在它相关依赖变量发生改变时才会重新求值,否则不会变(函数只要页面变化,就会重新运算) 3. 计算属性就像python中的property,可以把方法/函数伪装成属性 4. 计算属性,必须有返回值 实现输入input中后名字首字 ......
属性 钩子 函数 周期 生命

DRF之排序类源码分析

【一】排序类介绍 在Django REST framework (DRF)中,排序类用于处理API端点的排序操作,允许客户端请求按特定字段对数据进行升序或降序排序。 排序类是一种特殊的过滤类 DRF提供了内置的排序类,并且你也可以自定义排序类以满足特定的需求。 【二】内置排序类OrderingFil ......
源码 DRF

DRF之分页类源码分析

【一】分页类介绍 Django REST framework(DRF)是一个用于构建Web API的强大工具,它提供了分页功能,使你能够控制API响应的数据量。 在DRF中,分页功能由分页类(Paginator Class)来管理。 【二】内置分页类 在DRF中,分页类通常位于rest_framew ......
源码 DRF

DRF之JWT签发Token源码分析

【一】JWT介绍 JWT(JSON Web Token)是一种用于身份认证和授权的开放标准(RFC 7519)。 它基于JSON格式定义了一种安全的令牌,用于在客户端和服务器之间传输信息。 【二】JWT三段式 JWT(JSON Web Token)是一种用于身份认证和授权的开放标准(RFC 7519 ......
源码 Token DRF JWT

13-Vue核心-条件渲染

使用 v-if 做条件渲染 写法: 1)v-if = "表达式" 2)v-else-if = "表达式" 3)v-else = "表达式" 或 简写为 v-else 适用于:切换频率较低的场景 特点:不展示的DOM元素直接被移除 注意:v-if 可以和 v-else-if 、v-else 一起使用, ......
核心 条件 Vue 13

ASP.NET Core 服务的生命周期

概念 Transient:每一次GetService都会创建一个新的实例 Scoped:在同一个Scope内只初始化一个实例 ,可以理解为 每一个request级别只创建一个实例,同一个http request会在一个 scope内 Singleton:整个应用程序生命周期内只创建一个实例 案例演示 ......
周期 生命 Core ASP NET

安装node、npm和vue3

1. 首先安装node和npm node.js安装地址 https://nodejs.org/en/download/ 2. 下载完安装好后,打开终端命令验证是否安装成功 node -v npm -v 3. 安装vue3 npm install -g @vue/cli 4.创建vue3项目 npm ......
node vue3 npm vue

Vue之后端交互、计算、监听、组件间通信

一、与后端交互三种方式 1、 2、 3、 4、小电影案例 html: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.jsdeli ......
组件 Vue

vue:安装使用screenfull(screenfull@6.0.2/ vue@3.3.4)

一,官方站: 官网地址: https://sindresorhus.com/screenfull/ 代码地址: https://github.com/sindresorhus/screenfull.js 二,安装: 1,安装 root@lhdpc:/data/vue/responsive# npm ......
screenfull vue

vue3 组件

学习随笔(Vue3 组件) 该随笔是根据b站小满zs的Vue3 + vite + Ts + pinia + 实战 + 源码 +electron的视频学习写的,Vue3 + vite + Ts + pinia + 实战 + 源码 +electron ......
组件 vue3 vue

vue:安装使用nprogress(vue@3.3.4)

一,官方地址: 官方站: https://rstacruz.github.io/nprogress/ 代码站: https://github.com/rstacruz/nprogress 二,安装/引入: 1,安装 root@lhdpc:/data/vue/responsive# npm insta ......
vue nprogress

vue:run时报错:EACCES: permission denied(vue@3.3.4)

一,报错信息: [eslint] EACCES: permission denied, open '/data/vue/responsive/node_modules/.cache/eslint/43541cdc.json’ 如图: 二,解决 切换拒绝访问的文件的owner liuhongdi@lh ......
permission vue 时报 EACCES denied

短视频app源码,Android TextView文字,删除线以及下划线

短视频app源码,Android TextView文字,删除线以及下划线 1、删除线 TextView textview= (TextView)view.findViewById(R.id.textviewk);textview.getPaint().setFlags(Paint.STRIKE_TH ......
下划线 源码 TextView Android 文字

直播平台搭建,使用vue-pdf 实现pdf在线预览并且自定义预览框高度

直播平台搭建,使用vue-pdf 实现pdf在线预览并且自定义预览框高度 .pdf-preview { height: 100%; } ​ 解决方案:提高指定样式的应用优先权(优先级) .pdf-preview { height: 100%; } // 穿透vue-pdf插件中的canvas样式 . ......
pdf 高度 vue-pdf 平台 vue

Python Flask 上下文管理源码分析

Python Flask 上下文管理源码分析 前言 Flask 上下文管理可以说是 Flask 非常具有特色的设计,它总共可分为 2 个大的方向: 应用上下文管理:通过 current_app 即可拿到当前 Flask 实例 请求上下文管理:通过导入的 request 对象即可拿到当前的请求对象 特 ......
上下文 源码 上下 Python Flask

源码编译Unreal Engine升级到5.3

1. 更新代码 git fetch origin 2. 检出5.3.0 release git checkout 5.3.0 release 3. 编译 ......
源码 Unreal Engine 5.3