变量vue3 vue css
css3-旋转木马
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ......
day02-变量
1、变量的概念 在我们生活中，提到一个人或者一个物体，会有一个名字来称呼它； 那我们称呼一个人，我们不会叫一个人，而是喊他的名字，比如张三是这个人的名字 同样的，在计算机语言中，也是如此，我们会有很多数据或者对象，比如年龄18和名字张三 那我们就需要存储这些数据或者对象，并且还要起个名字，那么就要用 ......
Vue2.0 使用wangEditor（富文本编辑器）
1、安装 npm install wangeditor --save 2、页面中使用 2.1 定义容器 <div id="content"></div> 2.2 引用 wangeditor // 引入wangeditor import wangEditor from "wangeditor"; 2. ......
Vue-----alert页面弹框的使用方法
alert通常用于页面弹出对话框操作，常用于获取错误信息、提示信息、显示内容等，下面是alert的一些基本用法 1、弹出固定的文字 alert("请输入账号密码") 注：需要加入双引号将文字括起来否则弹框不生效 2、动态切换内容一：不加引号 alert(this.userName) 注：通过this ......
.Net+vue+Element 七牛云上传
API 安装 官方文档:developer.qiniu.com/kodo/1237/c… Nuget 搜索安装 Qiniu Bucket 储存空间名 bucket接口文档:developer.qiniu.com/kodo/3941/t… string Bucket = "image"; //七牛云储 ......
vue组件切换_demo
项目参考：36_动态组件_哔哩哔哩_bilibili 项目结构： App.vue <template> <component :is="Component"></component> <button @click="switchHandle">switch Component</button> </ ......
vue 组件递归显示，递归组件中事件传值问题。
1、比如下面的结构 [ { id:1, text:'1', children:{ id:2, text:'2', children:{ id:3, text:'3' ...... } } ] 可以看到，每个节点下面的children都是不一定的，有的可能会有很多层，有的可能只有一层。 那么这种情况下 ......
手把手教你vue3-ts-uniapp-vite创建多端小程序-3 统一ui，uni-ui库
uni-ui 官网地址https://uniapp.dcloud.net.cn/component/uniui/quickstart.html 1.安装sass、sass-loader npm install sass -D npm install sass-loader -D 2.安装uni-ui ......
vue自定义事件用法及$emit
子组件 <template> <button @click="handle">自定义事件</button></template> <script> export default{ data(){ return{ message:"我子组件" } }, methods:{ handle(){ this ......
vue 参数父传子 Props 实例
1，子组件 <template> <h1>props传递参数</h1> <p>{{title}}</p> <ul> <li v-for="item in nelist">{{item}}</li> </ul> </template> <script> export default{ name:"my ......
手把手教你vue3-ts-uniapp-vite创建多端小程序-2 设置底部导航
1.打开项目，打开pages.json ，设置底部导航栏。注意pages中的path和tabBar中list中的path要一致 { "pages": [ { "path": "pages/index/index", "style": { "navigationBarTitleText": "首页" ......
css: A Multi-line CSS only Typewriter effect
<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-sca ......
手把手教你vue3-ts-uniapp-vite创建多端小程序-1
1.创建vue3+vite ``` # 创建以 javascript 开发的工程 npx degit dcloudio/uni-preset-vue#vite my-vue3-project # 创建以 typescript 开发的工程 npx degit dcloudio/uni-preset-v ......
vue3入门_demo
新建项目参考：Vue vscode 创建 vue 项目流程【超详细】_vue vscode 创建 vue 项目流程【超详细】_怎么用vscode写vue_一颗不甘坠落的流_一颗不甘坠落的流星的博客-CSDN博客 项目结构： App.vue <template> <Main></Main> </tem ......
有关Vue-Cli5.X工程中ESLint组件命名检查问题解决
个人开发环境简介,工具用的Visual Studio Code,因为每个人的开发环境不同，不可能所有解决方案通用，防止踩坑。 ```js PS F:\VueWorkSpace\vue_router_test> node -v v16.12.0 PS F:\VueWorkSpace\vue_route ......
一键配置Java环境变量
后缀改成bat运行 ``` @echo off set JAVA_HOME=D:\Program Files\Java\jdk-11 set PATH=%PATH%;%%JAVA_HOME%%\bin;%%JAVA_HOME%%\jre\bin set CLASSPATH=.;%%JAVA_HOME ......
vue3vuex
状态管理Vuex 这是与 Vue 3 匹配的 Vuex 4 的文档。差异对比可参阅从 3.x 迁移到 4.0 已经有 Vue2项目，需要适配 Vue3 的可参阅 vue2 项目迁移 vue3！ #介绍 #Vuex 是什么？ Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式 ......
vue3pinia
状态管理 Pinia #介绍 uni-app 内置了 Pinia 。Vue 2 项目暂不支持 使用 HBuilder X 不需要手动安装，直接使用即可。使用 CLI 需要手动安装，执行 yarn add pinia@2.0.33 或 npm install pinia@2.0.33。 #Pinia ......
vue3组件
概念 组件是视图层的基本组成单元。 组件是一个单独且可复用的功能模块的封装。 一个组件包括开始标签和结束标签，标签上可以写属性，并对属性赋值。内容则写在两个标签之内。 根节点为 <template>，这个 <template> 下在App、H5可以有多个根 <view> 组件，在小程序只能有一个根 ......
vue3基础
介绍 已经了解 Vue2，只想了解 Vue3 新功能可以参阅vue3新功能！ 已经有 Vue2 项目，需要适配 Vue3 的可参阅vue2 项目迁移 vue3！ Vue.js 是什么 Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue ......
vue2api
全局配置 Vue 全局配置 描述 H5 App端 小程序 说明 Vue.config.silent 取消 Vue 所有的日志与警告 详情 √ √ √ Vue.config.optionMergeStrategies 自定义合并策略的选项 详情 √ √ √ Vue.config.devtools 配置 ......
vue2vuex
状态管理Vuex #介绍 #Vuex 是什么？ Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 uni-app 内置了 Vuex 。 #什么是“状态管理模式”？ 让我们从一个简单的 Vue ......
vue2组合式api
组合式 API（Composition API） 目前 uni-app（Vue2） 基于 Vue 2.6，组合式 API 由 @vue/composition-api 支持，script setup 由 unplugin-vue2-script-setup 支持。 #环境准备 升级 uni-app ......
vue--day76--vuex 模块化+命名空间
7.模块化+命名空间 1. 目的：让代码更好维护，让多种数据分类更加明确。 2. 修改```store.js``` ```javascript const countAbout = { namespaced:true,//开启命名空间 state:{x:1}, mutations: { ... }, ......
Django优化模版拆分css文件
Django优化模版拆分css文件 可以发现前面写项目将css放在html一个文件中，虽然简单省事但是带来的问题就是文件过于冗长不方便查看和修改。这里做个分离优化提供两种方式 方式一：html和css存放同一目录 将原因html中</style>内容移动到home.css文件中，然后再html移动空 ......
vue-router的使用
1.在router目录下的index.js文件 const routes = [ { path: '/', redirect: '/recommend' // 根路径下默认为推荐页面 }, { path: '/recommend', component: Recommend }, { path: ' ......
vue 中的html和v-html区别
<template> <div>2222</div> <p>{{message}}</p> <p>{{rawhtml}}</p> <p v-html="rawhtml"></p></template><script> export default{ data(){ return{ message:' ......
前端Vue仿企查查天眼查高管信息列表组件
随着技术的不断发展，传统的开发方式使得系统的复杂度越来越高。在传统开发过程中，一个小小的改动或者一个小功能的增加可能会导致整体逻辑的修改，造成牵一发而动全身的情况。为了解决这个问题，我们采用了组件化的开发模式。通过组件化开发，可以有效地实现单独开发，单独维护，而且它们之间可以随意的进行组合。大大 ......