大小 模板vue
vue全家桶进阶之路43：Vue3 Element Plus el-form表单组件
在 Element Plus 中，el-form 是一个表单组件，用于创建表单以便用户填写和提交数据。它提供了许多内置的验证规则和验证方法，使表单验证更加容易。 使用 el-form 组件，您可以将表单控件组织在一起，并对表单进行验证，以确保提交的数据符合预期的格式和要求。该组件具有以下特性： 支持 ......
vue全家桶进阶之路42：Vue3 SCSS、SASS、CSS
SCSS和SASS都是CSS预处理器，它们的主要目的是简化CSS的编写，增加可维护性，并提供更丰富的功能。下面是它们与普通的CSS的区别： 语法：SCSS和SASS都具有比普通CSS更丰富的语法。其中，SASS使用缩进来表示嵌套，而SCSS则使用类似于CSS的花括号语法。因此，SCSS更易于CSS开 ......
04-解决 Git 不区分大小写导致的文件冲突问题
解决 Git 不区分大小写导致的文件冲突问题 文章发布时间：2022-02-17 作者：@千古壹号 有些同学在 Git 仓库对文件/文件夹进行命名时，刚开始是小写，后来为了保持团队一致，又改成了大写，然而 Git 不会发现大小写的变化，此时就出了问题：导致仓库里出现了 大小写 同时存在的两个文件。但 ......
vue3微信公众号商城项目实战系列（12）项目发布到服务器上
本篇介绍如何将vue3项目打包发布到服务器上，然后在微信公众号上打开。 vue3发布之前需要对项目进行编译，编译时会在项目根目录下创建 dist 文件夹，编译后的文件会存放在这里。 在编译之前，我们在public目录下建一个 config.js 的文件，里面放如下的代码： const config ......
Vue3 readonly与shallowReadonly
视频 2.readonly 与 shallowReadonly readonly: 让一个响应式数据变为只读的（深只读）。 shallowReadonly：让一个响应式数据变为只读的（浅只读）。 应用场景: 不希望数据被修改时。 #components ##Demo.vue <template> < ......
Vue3 shallowReactive与shallowRef
视频 三、其它 Composition API 1.shallowReactive 与 shallowRef shallowReactive：只处理对象最外层属性的响应式（浅响应式）。 shallowRef：只处理基本数据类型的响应式, 不进行对象的响应式处理。 什么时候使用? 如果有一个对象数据， ......
Vue3实现剪贴板功能
1.新增依赖 "vue-clipboard2": "^0.3.3" 2.main.js导入和使用依赖 import VueClipBoard from "vue-clipboard2"; createApp(App) .use(VueClipBoard) .mount("#app"); 3.导入sy ......
Vue3 toRef与toRefs
视频 直接用ref是创建新的对象 10.toRef 作用：创建一个 ref 对象，其value值指向另一个对象中的某个属性。 语法：const name = toRef(person,'name') 应用: 要将响应式对象中的某个属性单独提供给外部使用时。 扩展：toRefs 与toRef功能一致， ......
vue中 npm i axios报错，npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve
安装 npm i axios时，出现如下图情况： 报错的原因是因为npm不同版本库之间命令不兼容。 解决办法：npm install axios -save --legacy-peer-deps ......
Vue3 自定义hook
视频 9.自定义hook函数 什么是hook？—— 本质是一个函数，把setup函数中使用的Composition API进行了封装。 类似于vue2.x中的mixin。 自定义hook的优势: 复用代码, 让setup中的逻辑更清楚易懂。 #components ##Demo.vue <templ ......
vue国际化步骤
vue国际化步骤 Vue 国际化的步骤如下所示： 1.安装 vue-i18n 库 npm install vue-i18n --save 2.创建 i18n 实例 在项目中新建一个 i18n.js 文件，引入 vue-i18n 库，并创建一个 i18n 实例。 import Vue from 'vu ......
vue2升vue3后部分异常解决
element-ui 升为 element-plus 首先建议参考element-plus官方站点： https://element-plus.org/zh-CN/ 部分组件标签直接变更 如 el-submenu 变更为 el-sub-menu 浏览器提示 ElementPlusError: [El ......
【Flask模板注入】
【Flask模板注入】——概览 背景 Flask是python语言下的轻量级web应用框架，可以用来开发一些简单的网站。它使用Jinjia2渲染引擎（将html文件存放在templates文件夹中，当访问指定路由时，flask会渲染出相应的html页面）。 但是html文件中不一定都是html语言， ......
vue
1. vue简介 Vue (发音为 /vjuː/，类似 view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue 都可以胜任。 2 ......
vue
1、介绍 vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，vue被设计为可以自底向上逐层应用。Vue的和学科只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。 前端框架三巨头：Vue.js、React.js、AngularJS，前者以轻量易用著称，前两者发展速度最快，后者 ......
【Vue2.x源码系列07】监听器watch原理
本章目标：监听器是如何实现的？监听器选项 - immediate、deep 内部实现？在初始化Vue实例时，我们会给每个侦听器都创建一个对应watcher，我们称之为侦听器watcher ......
Django + Vue（项目篇）
Prerequisite 【完结】项目地址：xxx 相关文章： TypeScript VUE 3【基本实现了项目的前端】 Django AI 相关笔记 技术栈： 后端：Python3 + Django（Ninja） 前端：TypeScript + Vue3 + VueRouter + Vuex + ......
vue3微信公众号商城项目实战系列（11）"我的"页面
我的页面效果如下： Mine.vue 页面代码如下： 布局块代码： 1 <template> 2 <div class="mine"> 3 4 <div class="mine-top"> 5 <img src="/mine.png" /><br /> 6 <span class="mine-top ......
关于vue3如何封装命令式modal（免写组件标签）
由于之前搜索其他modal框封装的文章时，发现大多数在使用时需要引入并注册组件，传入参数再写方法。每次引用时都要经过上述操作，觉得太麻烦了。后面通过一些资料摸索出vue3如何利用命令方式（即避免写组件标签）来弹出弹框，写下这篇文章，方便日后自己复习 调用及效果 先上使用方法及效果 代码 <templ ......
Vue中mixins的使用方法详解
vue中mixins的使用方法 官方解释： 混入 (mixins)： 是一种分发 Vue 组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项。 举个栗子： 定义一个混入对象： export default { data() ......
每日总结 vue
beforeCreate（）{}：Vue创建前，此阶段为实例初始化之后，this指向创建的实例，数据观察,数据监听事件机制都未形成，不能获得DOM节点。data，computed，watch，methods 上的方法和数据均不能访问，注：date和methods的数据都还未初始化。 Created（ ......
Vue3 Vue3生命周期
视频 8.生命周期 vue2.x的生命周期 vue3.0的生命周期 Vue3.0中可以继续使用Vue2.x中的生命周期钩子，但有有两个被更名： beforeDestroy改名为 beforeUnmount destroyed改名为 unmounted Vue3.0也提供了 Composition A ......
微信小程序、uniapp、vue生命周期钩子函数
生命周期是指从创建到销毁的过程 一、微信小程序 小程序里面有两种生命周期函数，第一个：通过App()来注册一个小程序 ，第二个：通过Page()来注册一个页面 应用生命周期函数 app( ) app.js 是小程序执行的入口文件，在 app.js 中必须调用 APP() 函数 APP() 函数用于注 ......
vue3写法
main.js import { createApp } from 'vue' import App from './App.vue' import router from './router' createApp(App).use(router).mount('#app') router/inde ......
Vue3 watchEffect函数
视频 3.watchEffect函数 watch的套路是：既要指明监视的属性，也要指明监视的回调。 watchEffect的套路是：不用指明监视哪个属性，监视的回调中用到哪个属性，那就监视哪个属性。 watchEffect有点像computed： 但computed注重的计算出来的值（回调函数的返回 ......
Vue3 watch时value的问题
视频 #components ##Demo.vue <template> <h2>当前求和为：{{sum}}</h2> <button @click="sum++">点我+1</button> <hr> <h2>当前的信息为：{{msg}}</h2> <button @click="msg+='！' ......
vue3学习之tabler组件Layout布局
上一篇使用的bootstrap-vue-next项目迭代很快，考虑还未发文档和正式版本(自己菜)改用原生bootstrap模板tabler项目。 tabler 安装运行 不想安装可直接打开tabler\demo目录下html文件浏览查看效果 #获取后目录下运行 npm install #需要先安装h ......
Vue3 watch监视数据
watch监视ref定义的数据视频 watch监视reactive定义的数据视频 2.watch函数 与Vue2.x中watch配置功能一致 两个小“坑”： 监视reactive定义的响应式数据时：oldValue无法正确获取、强制开启了深度监视（deep配置失效）。 监视reactive定义的响应 ......
Delphi 获得文件大小的方法
Delphi 获得文件大小的方法 大概有这些： FileSizeByName（需要引用IdGlobal单元 ，XE版本已取消） GetFileSize （use Windows ，仅支持windows） FileSize（不能获得正在使用的文件大小） FileSeek TFileStream.Siz ......
Bootstrap模板-使用现成的免费完善模板制作网页
Bootstrap有一系列现成的免费而优秀的模板，我们可以用于制作前端页面 稍加改进就是一个美观的页面 模板代码（源自purpleTemplate）： <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name= ......