Vue开发实例第45页

搭建Vue3源码的开发环境

最近一直在看Vue3的源码，通过对Vue3的源码分解从头搭建出Vue3源码开发环境，需要梳理的东西还很多，现在将整个思路和源码弄了一个开源项目，大家可以一起参与进来。

JX灬君·2024-02-13 19:01

vue-组件组成和组件通信（四）

组件的三大组成部分(结构/样式/逻辑)scoped样式冲突默认情况：写在组件中的样式会全局生效→因此很容易造成多个组件之间的样式冲突问题。1.全局样式:默认组件中的样式会作用到全局2.局部样式:可以给组件加上scoped属性,可以让样式只作用于当前组件scoped原理？1.当前组件内标签都被添加data-v-hash值的属性2.css选择器都被添加[data-v-hash值]的属性选择器最终效果:

smilehjl·2024-02-13 18:37

vue-进阶语法（四）

目录v-model原理v-model应用于组件sync修饰符ref和$refs（重点）$nextTickv-model原理原理：v-model本质上是一个语法糖。例如应用在输入框上，就是value属性和input事件的合写。作用：提供数据的双向绑定①数据变，视图跟着变:value②视图变，数据跟着变@input注意：$event用于在模板中，获取事件的形参v-model应用于组件sync修饰符作用

smilehjl·2024-02-13 18:37

watch和watchEffect使用

import{ref,watch}from'vue'consttodoId=ref(1)consttodoData=ref(null)asyncfunctionfetchData(){todoData.value

helloroses·2024-02-13 18:06

Vue3 组件 v-model 和 defineModel 使用

v-model可以在组件上使用以实现双向绑定简单使用Home.vueimport{ref}from'vue'importChildfrom'@/views/home/Child'constcity=ref

小凳子腿·2024-02-13 18:36

Nuxt.js的使用、vue项目不被百度收录怎么办、seo优化问题@令狐张豪

我们在上一篇博文中介绍了vue项目不被百度收录的根源和介绍了两种解决方案也具体说了预渲染的使用方法，今天说一下另一种解决方案Nuxt.js的使用。

令狐张豪·2024-02-13 18:53

[精品毕设]springboot疫苗发布和接种预约系统

软件开发环境及开发工具：Java——涉及技术：前端使用技术：HTML5,CSS3、JavaScript、VUE等后端使用技术：Springboot（SSM）等数据库：Mysql数据库数据库管理工具：phpstudy

IT实践课堂·2024-02-13 18:59

基于JAVA+Springboot+Thymeleaf前后端分离项目：在线婚纱租赁系统设计与实现

博主介绍：黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者，CSDN博客专家，在线教育专家，CSDN钻石讲师；专注大学生毕业设计教育和辅导。

黄菊华老师·2024-02-13 17:50

微信小程序模糊查询节流

在开发中都会有搜索框，相对于输入内容之后点击搜索或者回车搜索，模糊查询的用户体验会好一些，而小程序的模糊查询只能通过bindinput事件来绑定，而小程序没有类似与VUE的.lazy修饰符之类的，也就意味着给

Piscoo·2024-02-13 17:04

vue 子父组件相互调用的方法 2018-11-09

以下内容只是我个人学习时的记录，可能与实际有偏差，大佬勿怪1传值（父传子）父组件给子组件传值借助props父组件：传一个叫做put_child的变量给子组件父组件子组件：子组件在props中定义接受的变量，然后就能使用子组件2传值（子传父）子组件给父组件传值，通过$emit父组件：在父组件中绑定一个属性,同时定义一个方法接受，子组件发送过来的数据父组件父组件接收方子组件：调用$emit传给父组件上

夏树的宝马·2024-02-13 17:22

vue中使用vxe-table插件的表格实现最后一行始终为空

需求：vue中引入vxe-table插件实现的表格需要保持表格最后一行始终为空值如下解决思路：深度监视表格数据当数据发生变化时判断最后一行数据的每个属性值是否为空或false如果不为空则给表格数据尾部添加一个同结构属性的空对象

李早晨_小前端·2024-02-13 17:59

一问带你从0到1掌握Swgger

controller层配置常用注解Swagger学习目标了解Swagger的概念及作用掌握在项目中集成Swagger自动生成API文档基于SpringBoot2.3.12.RELEASE版本Swagger简介前后端分离Vue

Alienware^·2024-02-13 16:25

vue3-应用规模化-工具链

工具链项目脚手架ViteVite是一个轻量级的、速度极快的构建工具，对VueSFC提供第一优先级支持。作者是尤雨溪，同时也是Vue的作者！

王大可996·2024-02-13 16:45

vue3-应用规模化-路由和状态

客户端vs.服务端路由服务端路由指的是服务器根据用户访问的URL路径返回不同的响应结果。当我们在一个传统的服务端渲染的web应用中点击一个链接时，浏览器会从服务端获得全新的HTML，然后重新加载整个页面。然而，在单页面应用中，客户端的JavaScript可以拦截页面的跳转请求，动态获取新的数据，然后在无需重新加载的情况下更新当前页面。这样通常可以带来更顺滑的用户体验，尤其是在更偏向“应用”的场景下

王大可996·2024-02-13 16:45

Vue项目部署优化

前言使用vue、react、angular等技术开发过程中，我们都会遇到以下问题：首屏加载慢每一次更新都需要清除浏览器缓存才能看到效果(经常被测试吐槽)这两个问题可以从很多方面进行优化，今天我就从前端页面部署阶段来优化一下这两个问题

硅谷干货·2024-02-13 15:19

VUE底部滚动刷新 vue-mugen-scroll

1.下载依赖包$npminstall--savevue-mugen-scroll2.哪个页面需要到，就在哪个页面引用importMugenScrollfrom'vue-mugen-scroll';3.代码如下

_花·2024-02-13 15:41

前端课2 vscode操作，vue基础

vscode必要命令ctrl+p@打开文件/函数ctrl+shift+p命令ctrl+`cmd面板vscode必要插件ProjectManager项目管理select-Quotes引号括号选择SettingsSync同步vscode设置必要快捷操作ctrl+d多选ctrl+j合并ctrl+alt+f格式化ctrl+u上一个光标位置ctrl+shift+up上移一行下移一行alt+Q选择引号ctrl

mask2012·2024-02-13 15:38

vue3中使用element-plus的图标不显示问题

image.pngimage.png有两种解决方案：第一种：我项目下的就是element-plus但是他官网说的图标引入方法我不能用，但是我用vue2的图标引入写法在里面就能显示image.png第二种

是妍妍吖·2024-02-13 15:31

Vue项目中使用Iconfont字体图标

1，进入网站：Iconfont网址：http://www.iconfont.cn2.，点击网站上方的“官方图标库”，选择自己喜欢的图标，并加入购物车3，图标全部选择完成后，点击右上方的购物车，选择添加至项目，如果没登录http://www.iconfont.cn的话会让你先登录（我选择github登录的），登录之后点击添加至项目-新建项目-确定4，确定之后会到这个界面：微信截图_201907031

小王子__·2024-02-13 15:16

使用Provide和Inject设计Vue3插件

使用provide和inject的Vue依赖项注入非常适合构建Vue3插件或避免prop多层传递。尽管不经常使用它，但是您可以仅使用两个内置方法来实现依赖项注入：provide和inject。

魂斗驴·2024-02-13 14:47

2020-10-23 VUEX

state的值可以使一个对象，也可以是一个返回对象的函数，类似vue中组件的data，使用函数的方式返回对象可以避免对象引用导致的副作用

Mr丶刘霏霏·2024-02-13 14:42

vue引入element-ui的css后报错

[email protected]@element-ui/lib/theme-chalk/index.cssModulebuildfailed:Error:NoPostCSSConfigfoundin:D:\文件\vue-slot-demo-master

shaguamayi·2024-02-13 14:58

vue如何新建一个项目

vue创建项目（npm安装→初始化项目）第一步npm安装首先：先从nodejs.org中下载nodejs图一双击安装，在安装界面一直Next图二安装node.js点击finish完成安装win+R打开控制命令行程序

过期阳光·2024-02-13 14:33

基于VUE框架的旅游平台82070-计算机毕业设计项目选题推荐（免费领源码）

经过本人的综合考虑，设计一款基于VUE框架的旅游平台，采取Mys

QQ_3376098506·2024-02-13 13:15

Vue核心基础6：Vue内置指令、自定义指令、生命周期

1Vue中的内置指令constvm=newVue({el:'#root',data:{n:1,m:100,name:'Vue',str:'你好'}})1.1v-text1.2v-html1.3v-cloak1.4v-once

是小蟹呀^·2024-02-13 13:40

Vue核心基础4：绑定样式、条件渲染、列表渲染

1绑定样式【代码】绑定样式.basic{width:200px;height:100px;background-color:pink;}.normal{background-color:skyblue;font-size:larger;border:1pxsolidblack;}.sad{border-radius:10px;}testtest11test{{name}}{{name}}const

是小蟹呀^·2024-02-13 13:10

Vue核心基础5：数据监测、收集表单数据、过滤器

1数据监测【代码】总结学生信息年龄+1添加性别属性，默认值为男修改性别在朋友列表首位添加一个朋友修改第一个朋友的名字为：小章添加一个爱好修改第一个爱好为：吃饭姓名：{{student.name}}----年龄：{{student.age}}性别：{{student.sex}}朋友姓名：{{fr.name}}-----年龄：{{fr.age}}爱好{{h}}//实现后添加的数据也能有响应式的功能co

是小蟹呀^·2024-02-13 13:10

Vue核心基础3：计算属性和监视属性

1计算属性这边以姓名案例，来介绍计算属性名：-->姓：名：全名：{{fullName}}constvm=newVue({el:'#root',data:{firstName:'张',lastName:'

是小蟹呀^·2024-02-13 13:09

vue和react的区别

vue和react的区别：一．定位：两者都是UI层的框架，vue是数据响应式的框架；二．vue使用的语法是template，react使用的语法是JSX；三．vue3.0推出了hooks:compositionapi

XiaoMai·2024-02-13 13:41

Vue —— 响应式解析

简单介绍defineReactiveVue响应式解析constapp=document.getElementById('app')//对单个对象使用响应式绑定functiondefineReactive

カさま·2024-02-13 13:45

vue响应式解析

vue响应式是响应啥？

奶昔不会射手·2024-02-13 13:45

Vue 实现前后端分离之分页

Vue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式框架。学习此框架你需要掌握关于HTML、CSS和JavaScript的中级知识。同时还需要掌握ES6的语法知识。

夜醉梦紅尘·2024-02-13 12:19

JavaScript DOM 变动观察器（Mutation observer）

‍个人主页：《爱蹦跶的大A阿》当前正在更新专栏：《VUE》、《JavaScript保姆级教程》、《krpano》、《krpano中文文档》✨前言DOM变动观察是web开发中的一个重要概念，指的是监视DOM

爱蹦跶的大A阿·2024-02-13 12:34

JavaScript资源加载：onload，onerror

‍个人主页：《爱蹦跶的大A阿》当前正在更新专栏：《VUE》、《JavaScript保姆级教程》、《krpano》、《krpano中文文档》✨前言资源加载是web开发中的一个重要概念，指的是浏览器加载资源

爱蹦跶的大A阿·2024-02-13 12:04

JavaScript 选择范围：SelectionRange

‍个人主页：《爱蹦跶的大A阿》当前正在更新专栏：《VUE》、《JavaScript保姆级教程》、《krpano》、《krpano中文文档》✨前言文本选择是web开发中的一个常见需求，例如高亮选定文本、复制粘贴文本

爱蹦跶的大A阿·2024-02-13 12:03

【Vue3 从入门到实战进阶式掌握完整知识体系】010-探索组件的理念：组件概述

三、探索组件的理念1、组件概述组件图解组件的概念非常常见，类似于模块的概念components.png简单使用hellovue//Vue.createApp()内的参数组成根组件constapp=Vue.createApp

訾博ZiBo·2024-02-13 12:55

编程世界的新旧交替：PHP 开发者的 Golang 转型之路

本篇文章是同行技术研讨系列的第二篇，上一篇为大家梳理了React与Vue的十年“相爱相杀”。大家看的还过瘾吗？今天，我们来接着分析这一组新旧碰撞的技术语言。

·2024-02-13 12:44

vue中for循环的class绑定事件

{{item.MALL_CATEGORY_NAME}}data(){return{categoryIndex:0,}},methods:{clickCategory(index){this.categoryIndex=index;}},.categoryActive{background:#fff;}

刘员外__·2024-02-13 11:06

浅析deep深度选择器

之前在开发中遇到一个问题，vue项目结合elementui使用。但是elementui的样式不一定符合我们的需求，这时我们就需要改变它的样式。

坏丶毛病·2024-02-13 11:19

nginx 部署vue前端

部署不同端口的前端#usernobody;worker_processes1;#error_loglogs/error.log;#error_loglogs/error.lognotice;#error_loglogs/error.loginfo;#pidlogs/nginx.pid;events{worker_connections1024;}http{includemime.types;def

nsa65223·2024-02-13 11:16

vite 构建，页面打开空白如何解决

比如部署页面最终部署在https://xxx.com/demo/下，就必须在vue-router中配置以下代码，否则确实会打开白屏import{createRouter,createWebHistory

John的WEB前端学习日记·2024-02-13 11:15

Vue子组件调用父组件的方法

Vue中子组件调用父组件的方法，这里有三种方法提供参考第一种方法是直接在子组件中通过this.

John的WEB前端学习日记·2024-02-13 11:14

vue element-ui table 对获取的数据进行toggleRowSelection

data(){return{Detail:[]}}methods:{get_Detail(){letgetDetail=[]//获取的数据this.Detail=getDetaillet_this=this//必须要在$nextTick里面执行，否则toggleRowSelection无效_this.$nextTick(function(){_this.$refs.DetailTable.togg

小狼在IT·2024-02-13 11:26

【问题：创建Vue项目】npm ERR! code CERT_HAS_EXPIRED npm ERR! errno CERT_HAS_EXPIRED npm ERR!

欢迎来到我的博客，你将找到有关如何使用技术解决问题的文章，也会找到某个技术的学习路线。无论你是何种职业，我都希望我的博客对你有所帮助。最后不要忘记订阅我的博客以获取最新文章，也欢迎在文章下方留下你的评论和反馈。我期待着与你分享知识、互相学习和建立一个积极的社区。谢谢你的光临，让我们一起踏上这个知识之旅！文章目录问题解决办法问题这个报错是因为你正在尝试访问npm的registry，但所使用的SSL证

小馒头学python·2024-02-13 10:28

VueRouter：初识路由、声明式导航、重定向和别名、404设置、模式修改（HTML5 History 模式）、编程式导航、嵌套路由、导航守卫、路由元信息、导航高亮

目录一、初识路由1.1什么是Vue-Router1.2什么单页面应用1.3Vue-Router的使用步骤1.4什么是router-link？

小白小白从不日白·2024-02-13 10:28

MVC(下)

MVC（下）主要内容:使用类优化代码1.引入类(class)2.引入继承(class继承class)3.初识Vue抽象思维四:事不过三同样的代码写三遍，就应该抽成一个函数同样的属性写三遍，就应该做成共用属性

老老老老李·2024-02-13 10:57

创建你的第一个Vue项目(小白专享版本)

文章目录下载node.js创建Vue3项目VSCode和Vue3CDN（内容分发网络）使用全局构

小馒头学python·2024-02-13 10:27

uniapp禁止截屏录屏/投屏功能（adb投放失效）

经过测试代码写在App.vue会失效,请写在符合逻辑的界面uni-app实现安卓防截屏在uniapp中实现要在App中全局禁止截屏，那么可以在App.vue中调用如果想要某个页面防截屏就在某个页面调用，

王家视频教程图书馆·2024-02-13 10:27

技能学习：学习使用php（tp6框架） + vue.js，开发前端全栈网站-1.工具和本地环境

技能学习：学习使用php（tp6框架）+vue.js，开发前端全栈网站-1.工具和本地环境技能学习：学习使用php（tp6框架）+vue.js，开发前端全栈网站-1.工具和本地环境技能学习：学习使用php

最强的森·2024-02-13 10:24

技能学习：学习使用php（tp6框架） + vue.js，开发前端全栈网站-3.路由、模型与数据库操作

技能学习：学习使用php（tp6框架）+vue.js，开发前端全栈网站-3.路由、模型与数据库操作技能学习：学习使用php（tp6框架）+vue.js，开发前端全栈网站-1.工具和本地环境技能学习：学习使用