vue特性vue3
缝合怪系列-C#+TS客户端缝合怪，Webview2+Vue开发体验
### 写在前面 最近几年天天听到网上说"大前端"，这是一个比较新的行业术语，它涵盖了前后端、移动端等多领域的知识和技能。核心理念是：一体化，即从前端开发到后端开发，甚至包括移动端开发、设计等，都在一个团队内完成。 毕竟咱作为前端+非专业客户端开发者，还是想整点好玩的东西，今天没事搞Windows客 ......
快速上手VUE：在Visual Studio 2019中开发VUE项目的环境搭建
一、VUE安装 1、VUE下载 2、双击下载下来的MSI文件，一路NEXT即可（最后弹出的DOS界面(Install Additional Tools for Node.js)可直接关闭，Additonal工具暂不需要）。 3、使用快捷键Win+R打开“运行”，输入“cmd”。 4、输入node - ......
vue 笔记暂存
目录 1：什么是Vue.js 2：MVC和MVVM。 3：为什么要学习前段框架 4：框架和库的区别 5：怎么使用Vue。 6：常见的Vue指令 7: 五大事件修饰符 8：在vue中使用class样式 9：使用内联样式 10：v-for指令 11：v-if和v-show指令 小技巧： 注意： 总结： ......
快速上手VUE：前言
前 言 最近，因为一些原因，需要快手上手VUE；所以，就不考虑深究其它了，只求快速上手开始开发。这里，记录“上手过程”和“一些遇到的问题与解决办法”。 列 表 安装VUE ......
关于vue.js:input如何获取失去焦点鼠标点击的位置或者元素
``` blur,click执行程序解决 blur和focus事件不会冒泡，其余表单事件都能够 click事件；所有元素都有此事件，会产生冒泡 一个元素失去焦点，blur事件优先于click事件 执行程序为mousedown > mouseup > click 咱们只须要把 全局监听的click事件 ......
Vue WebSocket的实现 含断线重连
vue客户端 main.js import { createApp } from 'vue' import { reactive } from 'vue' import App from './App.vue' import {webSocketUrl} from '/public/static/c ......
手摸手带你初探Vue 3.0
距离Vue 3.0正式发布已经过去一段时间了，2月7日Vue团队正式宣布Vue 3正式成为新的默认版本。最近接触的新项目也使用Vue 3.0来开发，因此有必要对它进行一波总结和学习。 ......
滚动视差-skrollr.js，vue3初使用
安装插件： npm i skrollr --Saver 在使用页引入： <script lang="ts" setup> import { nextTick, onDeactivated, onMounted, ref } from "vue"; import skrollr from "skrol ......
vue3创建项目，vite+js
之前的时候大哥就让我自己搭架子，但是我拖延症，现在用到了，得自己搭了 我的项目都放到了 VuePorjects这个目录里面， 一、先进入到指定工作目录，（不是你要创建的项目的名称哈） cd VuePorjects/ 二、创建vue3项目，安装创建项目 npm create vite @latest ......
Vue项目启动 报错error:0308010C:digital envelope routines::unsupported
出现这个错误是因为 node.js V17版本中最近发布的OpenSSL3.0, 而OpenSSL3.0对允许算法和密钥大小增加了严格的限制，可能会对生态系统造成一些影响. 解决方法 package.json增加配置"scripts": { "serve": "set NODE_OPTIONS op ......
vue组件封装 - 省市县下拉选联动
改封装组件依赖`element-china-area-data`插件，引入组件可参照：https://www.npmjs.com/package/element-china-area-data ``` title：弹框显示标题, pageId:页面id，根据id查询历史操作记录 --> 生成新地址 ......
vue3.0 外部配置文件一 (导入json文件方式)
vue3.0 外部配置文件，重点是打包后也可以 修改配置参数 注：js文件中必须是标准的 json 格式 一、在public中创建static文件夹，在static文件夹中创建 config.json 文件 config.json （必须是标准的 json 格式） { "webSocketUrl": ......
vue中ref的用法
1，可以引用元素，通过this.$refs.domxx直接操作元素。 <div ref="domxx"></div> methods: { getxx() { console.log(this.$refs.domxx) // 访问DOM元素 } } 2,可以绑定组件实例，访问组件的属性和方法； 参考 ......
vue 父向子通过props 传递一个function报未定义
解决方法： 参考资料： https://cloud.tencent.com/developer/ask/sof/523570来自为知笔记(Wiz) ......
一个nginx + vue下二级路径版本化方案
过程说明： 1、arg_appver表示读取url上appver参数 2、对appver参数做变量映射得到alias_party1_test 路径。具体条件：没有指定参数的话（即""）指向2.8.0版本化文件夹；默认的话（即default）则指向动态拼接的路径 3、第2点里面动态拼接如果不需要版本化 ......
vue实战项目1
title: vue实战项目1 date: 2023-07-23 20:17:32 tags: - vue categories: - 工程 - 前端 top: ### vue实战项目1 vue实战项目学习第一天，尚硅谷实战课程尚品汇项目。 项目开始，主要做的是配置环境和开始开发。今天配置了项目的脚 ......
vue--day43--浏览器本地存储
1.localeStroage.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale ......
【技术实战】Vue技术实战【一】
博客推行版本更新，成果积累制度，已经写过的博客还会再次更新，不断地琢磨，高质量高数量都是要追求的，工匠精神是学习必不可少的精神。因此，大家有何建议欢迎在评论区踊跃发言，你们的支持是我最大的动力，你们敢投，我就敢肝 ......
vue--day42--todolist
1. 安装 npm i nanoid mdn 数组的方法 typora 安装 2. App.vue <template> <div id="root"> <div class="todo-container"> <div class="todo-wrap"> <!--传递函数 儿子给父亲传东西,父亲 ......
图解 Vue 响应式原理
- Vue 初始化 - 模板渲染 - 组件渲染 为了便于理解，本文将从以下两个方面进行探索： - 从 Vue 初始化，到首次渲染生成 DOM 的流程。 - 从 Vue 数据修改，到页面更新 DOM 的流程。 # Vue 初始化 先从最简单的一段 Vue 代码开始： """ {{ message }} ......
vue--dat41--scoped作用域
1. scoped 样式 作用： 让样式在局部生效 防止冲突 写法 <style scoped> </style> npm view webpack versions. 查看 webpack 的版本 npm view less-loader versions 查看 less-loader 版本 np ......
vue--day40--plugins插件
1.main.js /** * 该文件是整个项目的入口文件 */ //引入Vue import Vue from 'vue' // 引入App 组件 他是所有组件的父组件 import App from './App.vue' //引入插件 import plugins from './plugin ......
vue--day39--mixin混合
组件就是在复用代码，如果组件里面有许多配置是相同的可以借助混合去复用 1. minxin.js //组件就是在复用代码，如果组件里面有许多配置是相同的可以借助混合去复用 export const hunhe={ methods:{ showName(){ alert(this.name); } }, ......
vue 学习第1天
vue的特点: 1.采用组件化模式，提高代码复用率，且让代码更好维护，一个模块可以封装组件 2.声明式编码，提高开发效率，心有林夕，标签+for循环，而不是一步步去写 3.虚拟dom,相当于后端的缓存 脚手架的文件的格式 1: vue-cli 脚手架初始化项目 2: node + webpack + ......
【技术积累】Vue中的核心知识【三】
this关键字 在Vue中，this关键字是指向当前组件实例的引用。它可以在组件的各个方法和生命周期钩子函数中使用。 在组件的方法中，this指向当前组件实例，可以通过this访问组件的属性和方法。例如，可以通过this.message访问组件的data中的message属性。 在生命周期钩子函数中 ......
vue中router与route区别
vue-router中经常会操作的两个对象route和router两个。 1、$route对象 $route对象表示当前的路由信息，包含了当前 URL 解析得到的信息。包含当前的路径，参数，query对象等。 1. $route.path 字符串，对应当前路由的路径，总是解析为绝对路径，如"/foo ......
html5-新特性
新增了header,nav,article,section,footer等语义标签 新增了input表单类型mail, url, date, time ,month,week,nubmer,tel,search,color 新增表单属性require（必填属性）placeholder（提示文本）au ......
vue中query和params的区别是什么
区别： 1、query用path编写传参地址，而params用name编写传参地址； 2、query刷新页面时参数不会消失，而params刷新页面时参数会消失； 3、query传的参数会显示在url地址栏中，而params传参不会显示在地址栏中。 vue中query和params的区别是什么 que ......