Vue笔记【尚品汇项目】
1、vue文件目录分析node_modules: 文件夹:项目依赖文件夹public文件夹： 一般防置一些静态资源(图片),需要注意的,放在public文件夹中的静态资源,webpack进行打包的时候,会原封不动的打包到dist文件夹中.src文件夹(程序员源代码文件夹):assets文件夹: 一般
Vue 基础语法
Vue 基础语法【狂神说Java】Vue最新快速上手教程通俗易懂 笔记：Vue 基本语法、Vue 绑定事件、Vue 双向绑定、Vue 组件讲解。1.v-bindv-bind 主要用于属性绑定。示例如下：<body><div id="app"> <span v-b
Vue进阶-异步动态加载组件
文章目录前言一、为什么会出现这种情况?二、常用解决办法1.使用v-if来判断是否有数据来展示dom结构(一般般)2.通过$set来触发Vue的数据重新渲染机制(鸡肋)3.通过监听子组件数据源来实现子组件数据动态改变(基本完美)前后变化前言此篇文章缘起于在业务开发中需要使用父子组件嵌套,子组件的数据源
vue使用原生高德地图
1、先在vue项目根目录下新建vue.config.js，这个文件是没有的，vue不提供2、在vue文件index.html中引入高德地图js文件<!DOCTYPE html><html lang="en"> <head> <meta charset
详解v-for中:key属性的作用
举个栗子不设置key <div id="app"> <div> <input type="text" v-model="name"> <button @click="add">添加</button> <
vuex入门到实战——实现一个todoList待办清单【学习记录】
文章目录前言一、Vuex是什么？Vuex核心概念1. State2. Mutation3.Action二、使用步骤1.引入库2.读入数据总结前言本文将从Vuex的核心概念出发，通过讲解一个待办清单的小项目，帮助大家更好的理解Vuex。此文主要是根据近日学习的关于Vuex的内容，整理出的学习笔记，用来
关于vite+vue+图片用cdn加速的问题
在img标签中的src属性如果是https://xxx.oss/* 这种跨域引入图片资源，开发时可以跨域，而打包之后无法跨域。vite会把该src解析为import引入js模块，进而发生跨域错误。解决方案根据vite官方文档（静态资源处理 | Vite 官方中文文档）可以通过在url后面加上?raw
微信小程序项目实例——智能用电
微信小程序项目实例——智能用电文章目录微信小程序项目实例——智能用电一、项目展示二、引导页三、配家电四、小贴士五、省电费六、节能源项目代码见文字底部一、项目展示二、引导页小程序首页采用引导页展示漫画和文字，提高了用户的使用体验感引导页使用scroll-view组件实现核心代码如下<view c
我滴神啊~Vue 3最全宝典在这里~
哈喽~，我是稳重聪头，一个初来乍到的小萌新，如果喜欢我的文章，多多给我点赞哟，关注聪头学习不迷糊。Vue是个什么呢Vue啊，是一款前端渐进式框架，可以提高前端开发效率。前端的三大框架：Vue React AngularVue的导入与创建本地导入<script src="./js/vue.js"
从零开始搭建Vue项目
一、创建项目vue create supermall1、报错。vue : 无法加载文件 C:\Users\78571\AppData\Roaming\npm\vue.ps1，2、开始处搜索powershell，以管理员的身份运行3、输入下面的指令：set-ExecutionPolicy Remote
同事都说我卷，趁着午休我 —— 彻底熟练使用《Vue3的选项APi》
我们先来研究一个setup函数的参数，它主要有两个参数：第一个参数：props第二个参数：contextprops非常好理解，它其实就是父组件传递过来的属性会被放到props对象中，我们在setup中如果需要使用，那么就可以直接通过props参数获取：另外一个参数是contextattrs：所有的非
电商后台管理详情
后台管理项目介绍一、项目结构的搭建二、开发流程1.项目初始化2.后台配置3.登录以及退出登录的业务流程登录业务的相关技术点token原理分析登陆页面的布局用到了以下的elment ui组件创建登陆组件实现登录功能退出3.主页面布局、用户列表功能主页面布局侧边栏的布局以及渲染 请求数据侧边栏菜单的伸缩
寒假第一个springboot+vue音乐网站实战项目
文章目录前言一.成果展示二. 后端流程2.1数据库表设计2.2. 后端搭建2.2.1 mybatis-plus逆向工程生成代码简化开发2.2.2 配置数据,跨域和静态资源放行2.3. 流水线式开发模式三.前端vue搭建3.1 前端基本环境搭建3.1.1 脚手架搭建和容易出现的错误3.1.2 axi
【VsCode】如何使用VsCode中的代码片段快速输入常用代码（太实用了，有图，有示例）
一、只要输入两个【！！】就可以出来想要的代码片断。比如：你看我，输入了两个感叹号，按下回车就出现如下代码：1、文件--首选项--用户片断2、选择【新建全局代码片段文件】3、输入文件名：html-js-vue-demo(这里随便输入，只要不重复就行)，按【回车键】4、出现如下图所示5、把所有的内容删除
Vue 关于$emit与props的使用
一、props 和 $emit1、子组件向父组件传值，通过 $emit 事件向父组件发送消息，将自己的数据传递给父组件。2、props 可以在组件上注册一些自定义属性。父组件通过绑定该属性来向子组件传入数据，子组件通过 props 属性获取对应数据。二、示例 1.父组件// parent.vue&l
Vue 生命周期和数据共享
Vue 生命周期和数据共享1. 组件的生命周期1.1 生命周期与生命周期函数1.2 组件生命周期函数的分类1.3 生命周期图示以及详解2. 组件之间的数据共享2.1 组件之间的关系2.2 父向子传值2.3 子向父传值2.4 兄弟之间的数据关系1. 组件的生命周期1.1 生命周期与生命周期函数生命周期
基于vue的 表单设计器（拖拽生成表单）
日常开发时想要快速构建节省时间或者功能需求需要拖拽生成表单，推荐使用以下表单设计器。1.基于vue+elementui 的表单设计及代码生成器Form Generator码云仓库：form-generator: Element UI表单设计及代码生成器演示地址：form-generator...
Vue+UpLoad实现上传、点图预览、删除图片
1、用vue+Element完成一个图片上传、点图预览、加删除功能，如图：2.首先我们再组件中引入这一段代码，每个属性的使用也都放在这里了：<el-upload class="upload-demo" action=""//引号里面填要上传的图片地址，用接口的话是公共的接口地址拼接一个图片
Vue监听器
watch : 在vue中表示监听的意思 , 我们可以使用watch来响应数据的变化需求 : 定义三个数 firstNumber , lastNumber , fullNumber. 当firstNumber和lastNumber发生改变时 , fullNumber也随之发生改变方式一 : 事件
趁着周日我卷了 uni-app《uview 狠 优秀的UI框架》
超级实用，建议收藏，防止以后会用到！怎么捉呢，举个栗子，'双十一'了你写一个倒计时，好写，简单，但是也要费时间，在工作中我们会以最快速度完成工作，方便看boss有没其它安排，额，好吧摸鱼王
