模板 基础vue
vue将svg封装为组件使用
在components中新建文件 iconSvg新建index.vue <template> <svg aria-hidden="true" class="svg-icon" v-bind="$attrs" @click="svgChong"> <use :xlink:href="icon" /> ......
vue中实际代码模拟JS中promise调接口的运行流程
假设我们有一个需要调用接口的场景,我们可以使用Vue中的axios库来发送请求。以下是一个简单的例子: // 引入axios库import axios from 'axios' // 定义一个函数,用于发送请求 function fetchData() { // 返回一个Promise对象 retu ......
VueHub:我用 ChatGPT 开发的第一个项目,送给所有 Vue 爱好者
大家好,我是DOM哥。我用 ChatGPT 开发了一个 Vue 的资源导航网站。不管你是资深 Vue 用户,还是刚入门想学习 Vue 的小白,这个网站都能帮助到你。网站地址:https://dombro.site/vue#/vue ......
vue 安装
一、vue 简介。 二、vue 安装。 三、遇到的问题 一、vue 简介。 vue 是一个前端框架。我本人没有那么多专业名词。但是就使用来说,就是开发速度快,方便。 如果想看详细介绍,去 官网 就好 二、vue 安装。 前置条件,如果要装vue, 那得先装nodejs,不只要可以去看看 nodejs ......
富文本,vue2
npm install vue-quill-editor main中 // 富文本 import VueQuillEditor from "vue-quill-editor"; import "quill/dist/quill.core.css"; import "quill/dist/quill. ......
七天学会flask(六)---模板-转义(3)(第一天)
flask模板技术 转义 Jinja自动根据模板语法进行html渲染,但某些时候,我们不希望它进行渲染,原因在于一旦渲染,其结果并不是我们所期望的,比如下面这段html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <t ......
安装多个NodeJS windows上安装多个Nodejs版本 解决vue2/vue3同时运行
第一步下载nvm-windowsnvm-windows 下载地址:Github最新下载地址 进入之后直接下载 第二步 安装NVM 注意路径一定不要包含空格 中文否则会报错 注意安装路径一定不要包含空格 中文否则会报错 点击安装之后 如果之前安装了nodejs的话会提示 希望nvm管理已安装node ......
vue实现倒计时
在assets下新建tool.js文件 function countDownFun(time) { time--; let nowTime = new Date().getTime(); // 获取当前时间 if (time >= nowTime) { var secondTime = 0 //秒 ......
bat文件Vue批量打包
chcp 65001echo %cd% d:cd d:\A_Project\pt_data_commander_ui echo '当前路径:'%cd%echo '开始编译 运营平台'call npm run buildecho '运营平台 编译完成' cd ../pt_document_center ......
vue3 props 双向绑定
官网:https://cn.vuejs.org/guide/components/v-model.html 首先,引用官网一句话:在大多数场景下,子组件应该抛出一个事件来通知父组件做出改变。 一般情况父子组件props 是父组件传递值给子组件,子组件使用。有个别情况子组件更新父组件的传值。 父组件: ......
vue2与vue3的区别
一. vue2和vue3双向数据绑定原理发生了改变vue2 的双向数据绑定是利用ES5 的一个 API Object.definePropert()对数据进行劫持 结合 发布订阅模式的方式来实现的。 vue3 中使用了 es6 的 ProxyAPI 对数据代理。 相比于vue2.x,使用proxy的 ......
vue3+vuesax 安装错误 not find module 'chalk'
vue3中安装vuesax组件库报错 ERROR not find module 'chalk' 解决过程: 安装chalk 继续报错 安装旧版本chalk 解决错误 npm i chalk@4 ......
vue 前端生成二维码,并转换为图片
vue 前端生成二维码,并转换为图片 ~牧马~ 于 2021-05-27 15:08:03 发布 2760 收藏 7 分类专栏: vue 文章标签: vue 生成二维码 自动生成的二维码转图片 版权 这篇文章主要是分享下自己的收获,也是自己遇到的问题: 前端如何自己生成二维码? 前端如何将生成的二维 ......
两天学会flask(六)---模板-上下文环境(3)(20分钟)
flask模板 上下文环境 在前面的示例中,想要在模板里显示数据,只能通过在render_template函数里传参数来解决。但对于flask的上下文变量和自定义上下文变量,则不必如此,你可以直接在模板里使用他们。 1. request 请求对象request,携带了大量有关请求的信息,比如请求的p ......
Linux基础
Linux基础 1 课程主要内容 1.1 Linux在什么地方使用 1.2 Linux的应用领域 1.3 Linux入门 概述 吉祥物 创始人 Linux和Unix的关系图 1.4 安装VM,Centos VM和Linux的关系 网络连接三种模式 虚拟机克隆 虚拟机快照 新建hello2 虚拟机迁移 ......
无界微前端方案官方示例,main-vue 项目打包之后 访问index.html页面空包,控制台报资源错误问题
报错信息: 修改方案: publicPath: “./” 修改为如上配置即可。 ......
Vue——lifecycleMixin【十七】
前言 经过eventsMixin再接下来就到了lifecycleMixin,接下来咱们就看看lifecycleMixin中到底有什么; 内容 lifecycleMixin位于src/core/instance/lifecycle.ts下; export function lifecycleMixin ......
Vue3中ref和reactive的对比
先说ref()和reactive() Vue3这两个API作用是相似的,只不过ref()是针对变量的响应式包装,而reactive()是针对对象的响应式包装。 ref()和reactive()对比 API 说明 目标 ref() 传入一个值,返回一个响应式的变量 变量 reactive() 返回一个 ......
[7625] 导读 一文看懂 Vue.j 3.0 的优化
我们的课程是要解读 Vue.js 框架的源码,所以在进入课程之前我们先来了解一下 Vue.js 框架演进的过程,也就是 Vue.js 3.0 主要做了哪些优化。 Vue.js 从 1.x 到 2.0 版本,最大的升级就是引入了虚拟 DOM 的概念,它为后续做服务端渲染以及跨端框架 Weex 提供了基 ......
基础操作
这个第二篇使用Newsprint主题 这里讲一个问题,下载后写文档的操作步骤。 下载 没有设置过的打开文件资源管理器,点击察看,后面找到显示,打开显示会出现文件扩展名,勾选上就行(这一步不懂的就跳过,在创建文件的时候一定的会回来重新操作的){win10和win11有一点点不一样,基本上差不多} 创建 ......
Java 基础 - :: 的用法
##介绍 它是 Java8 引入的新特性之一,常常被称作为方法引用。使用"::"可以进一步简化一些使用了 lambda 表达式的代码,让代码更加简洁。 可以直接引用已有 Java 类或对象的方法或构造器。方法引用通常与 Lambda 表达式结合使用以简化代码。其使用条件是:Lambda 表达式的主体 ......
Vue中 let _this = this的作用
近日在学习vue方面,发现一个问题回答的挺好,在此记录下。 作用讲解:正常我们要获取vue变量或方法的时候,就使用this,但是在一些用到回调函数的时候,this指的就不是vue变量,而是回调函数本身,所以在一开始的时候,先定义_this=this,这样在任何位置都可以用_this来获取vue变量或 ......
java 并发编程-基础篇
java 创建线程的三种方法 直接使用 Thread // 创建线程对象 Thread t = new Thread() { public void run() { // 要执行的任务 } }; // 启动线程 t.start(); Runable 配合 Thread 把线程和任务分开。 Runna ......
vue3 ref、computed、watch...
setup() { let jg = reactive({foor:'bar',far:{ a:'ccc' }}) // 解构赋值 foor 为一个普通变量 没有响应式 // 解构赋值 far 为一个响应式,far获得了Proxy的引用 let { foor ,far} = jg function ......
设备基础调试考核报告
实验拓扑 考核需求 以上拓扑为某小型公司的网络环境, 公司内容网络通过VLAN划分不同部门且IP网段划分如图所示, PC1属于VLAN10, PC2属于VLNA20, 要求完成一笑需求并实现内网和外网互通 实验中将自己的PC作为PC1, PC1的ip地址后续需要通过DHCP获取 PC2使用路由器模拟 ......
1101.基础介绍及环境搭建
一、基本认知 http服务器:用来接受用户请求,并将请求转发给web应用框架进行处理。 Web应用框架处理完成以后再发给http服务器,http服务器再返回给用户。 二、工具准备 1. 为啥要用虚拟环境? 虚拟环境下可以保证各项目使用自己版本而不相互影响。 2. 创建虚拟环境并安装django ①开 ......
mysql基础练习(二)
-- 创建表 drop table if exists emp; create table emp( empno int, ename varchar(50), job varchar(50), mgr int, hiredate date, sal decimal(7,2), comm decim ......
Go入门基础03
函数高级 给类型重命名: 函数的参数和返回值都是类型的一部分,函数可以赋值给一个变量 1. 例:type MyFunc func(int, int) int MyFunc就是我们将func(int, int) int重新定义了一下类型,以后在定义函数类型的是时候直接使用MyFunc就是代替了func ......