![](https://img-blog.csdnimg.cn/99b63488357b422789dd65d909b56653.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
vue学习
文章平均质量分 76
前端vue框架入门笔记
可可鸭~
青春没有返程,感谢您的关注与来访!
展开
-
Vue3使用vue-print-nb插件调起打印功能
添加打印位置,绑定id。原创 2023-08-15 09:24:01 · 4766 阅读 · 3 评论 -
vue开发图表echarts基本使用
提供很多图标,用户且可自行修改。性能好可流畅远行PC和移动设备。3.echarts-基础配置。1.echarts-介绍。上面是引入了下面两个图表。原创 2023-07-07 20:48:33 · 2669 阅读 · 0 评论 -
【ReactCli】开发模式脚手架配置
是一个NodeJS包管理和分发工具,已经成为了非官方的发布Node模块(包)的标准。是Command-Line Interface,翻译为命令行界面,但是俗称脚手架。使用vue-cli可以快速搭建Vue开发环境以及对应的webpack配置。2、Vue CLI使用前提 --Node(需要安装node)NPM的全称是Node Package Manager。Vue CLI是一个官方发布vue.js项目脚手架。注意:上面安装的是Vue CLI3的版本。3、Vue CLI的使用。1、CLI是什么意思?原创 2022-11-29 16:16:56 · 661 阅读 · 0 评论 -
【Vue原理】Object.defineProperty发布订阅、SEO、SPA、Nuxt
语法:Object.defineProperty(obj,property,descriptor)可以看到新值并没有覆盖原来的值,默认的内置函数,如果输入。属性描述(配置),且此参数本身为一个对象。设置属性是否可以枚举,即是否允许遍历。属性值4:configurable。属性值3:enumerable。参数三:descriptor。属性值2:writable。设置属性是否可以删除或编辑。参数二:property。便会调用内置的set方法。属性值1:value。设置属性是否能够修改。原创 2022-11-21 16:47:05 · 530 阅读 · 0 评论 -
【vue开发铺垫】Webpack5入门到原理
1、官方解释官网文档从本质上来讲,webpack是一个现在的javaScript应用的静态模块化打包工具。原创 2022-11-26 15:15:11 · 654 阅读 · 0 评论 -
【Vue实战三件套】如何封装网络请求、如何解决跨域问题,如何使用mock模拟后端数据,快来一起来看看吧~
在一个产品的前端开发过程中,一般来说会经历本地开发、测试脚本、开发自测、测试环境、预上线环境,然后才能正式的发布。对应每一个环境可能都会有所差异,比如说用户访问资源权限、服务器地址、接口地址等。在各个环境切换的时候,就需要不同的配置参数,所以就可以用环境变量和模式,来方便我们管理。NODE_ENV是一个由 Node.js 暴露给执行脚本的系统环境变量。通常用于确定在开发环境还是生产环境(dev-vs-prod)下,服务器工具、构建脚本和客户端 library 的行为。原创 2022-11-19 20:07:07 · 1474 阅读 · 0 评论 -
vite+Vue3实现购物车
在App.vue中导入头部尾部以及内容区域。eventBus更改count值。按钮单独分离一个模板。原创 2022-09-16 17:10:19 · 960 阅读 · 2 评论 -
Vite+Vue3EventBus,provide数据共享
provide响应式数据。大范围修改数据vuex。原创 2022-09-15 16:23:12 · 535 阅读 · 0 评论 -
vite+Vue3+ts之框架搭建过程与踩坑记录(持续补充)
_dirname 在 vscode 提示语法问题(如下图),是因为 ts 配置不支持 node,安装 @types/node, 并将 tsconfig.json 中的 compilerOptions.module 从 commonjs 改成 esnext。可以使用npm创建新项目,也可以使用yarn创建新项目,如果没有yarn环境,需要npm install yarn,然后进入环境变量中将bin文件目录引入在系统文件中的path路径。var()函数可以代替元素中任何属性中的值的任何部分。原创 2022-08-20 11:51:29 · 4673 阅读 · 0 评论 -
光速掌握-CSS预处理器SASS从入门到高级
Sass (英文全称:Syntactically Awesome Stylesheets) 是一个最初由 Hampton Catlin设计并由 Natalie Weizenbaum 开发的层叠样式表语言, Sass 是一个 CSS 预处理器。Sass 是 CSS扩展语言,可以帮助我们减少 CSS 重复的代码,节省开发时间。Sass 完全兼容所有版本的 CSS。为什么使用 Sass?CSS 本身语法不够强大,导致重复编写一些代码,无法实现复用,而且在代码也不方便维护。......原创 2022-08-11 18:22:29 · 777 阅读 · 0 评论 -
Vue3-后台管理系统(第三篇上)
项目代码第一步:创建新项目第二步:设置全局css样式、引入图标库reset.css到main.js文件中引入css样式到阿里巴巴矢量库,将需要的图标添加到项目中,点击复制代码引入现在好像不支持链接的形式,可以下载文件本地引入即可第三步:添加elementUi组件如果提示需要安装python2.x版本的环境就去官网下载一个2.x的版本,下载后可能没有Script文件,想要生成找到此文件运行setup.py.git,配置环境变即可第四步:界面路由搭建搭建需要的路由格式Vue3-路由跳原创 2022-07-22 20:51:50 · 1098 阅读 · 0 评论 -
Vue3、Vue2原型链挂载区别与实战举例
Vue2中挂在原型链方法使用方法实战举例main.jsVue3中挂在原型链方法原创 2022-07-22 13:51:59 · 1560 阅读 · 1 评论 -
Vue3-路由跳转专题详细总结
嵌套路由,顾名思义就是套娃,因而有着严格的父子关系,实际开发中三四层比较常见,至多就是七层。点击事件似乎可以使用模板更改视图中的内容,个人认为与路由的区别是路由能使网页中的地址栏发生变化。props为true时,从当前组件中引入传参变量就可以使用路由中携带的参数,使用方式如下。目的是将组件在页面的呈现效果保存,可以是整个路由组件分页面全部保存也可以是部分保存。直接在路径中传递,前提要保证路由文件中已经声明传递的变量值,否则会当作路径处理。1.确定父亲是home,其它几个页面都是home的孩子,写法如下。..原创 2022-07-17 17:59:40 · 14918 阅读 · 5 评论 -
Vue3-Vuex数据共享的五个属性及使用方法举例(第三篇)
Vuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vuex也集成到Vue的官方调试工具devtoolsextension(opensnewwindow),提供了诸如零配置的time-travel调试、状态快照导入导出等高级调试功能。2.刷新之前将state中数据保存到本地缓存中。安装时候选择Vuex默认生成如下文件。3.初始化时候将缓存中数据取出。在create中加入如下代码。...原创 2022-07-15 17:45:54 · 1053 阅读 · 0 评论 -
网易云音乐移动端项目实战(分解下)
网易云音乐移动端项目实战(分解下)一、搜索页面与历史搜索记录<template> <div class="listviewTop"> <div class="listViewTopNav"> <div class="back" @click="$router.go(-1)"> <svg class="icon" aria-hidden="true"> <use xlink:hre原创 2022-01-05 16:52:05 · 30125 阅读 · 1 评论 -
网易云音乐移动端项目实战(分解中)
网易云音乐移动端项目实战(分解中)一、底部全局播放控件制作play-control.vue<template> <div class="playcontrolor"> <div class="playcontrol"> <div class="left"> <img :src="playlist[playlistindex].al.picUrl"> <div class="cont原创 2022-01-03 20:11:32 · 2364 阅读 · 0 评论 -
网易云音乐移动端项目实战(分解上)
windows系统安装git一直next网易云音乐 NodeJS 版 API在vscode下新建一个文件夹右击打开git bash here输入git clone https://github.com/Binaryify/NeteaseCloudMusicApi.gitgithub地址进入文件夹后输入cnpm install安装依赖安装好输入node app.js运行完页面创建一个项目vue create musicapp实现自适应REM布局rem.jsfunc原创 2021-12-29 19:55:37 · 3935 阅读 · 3 评论 -
vue3- swiper组件
vue使用swiper组件vue-awesome-swiper根据不同的swiper版本也对应有不同的版本,主要有三个版本:Vue-Awesome-Swiper - v2.6.7 对应 Swiper3Vue-Awesome-Swiper - v3.1.3 对应 Swiper4Vue-Awesome-Swiper - v4.1.1 对应 Swiper6(截止2020/08/10)//使用指定版本对应安装npm install vue-awesome-swiper@3.1.3npm inst原创 2021-12-24 16:58:28 · 3299 阅读 · 0 评论 -
Vue3-组件、合成API、路由(第二篇)
组件与父组件传递数据给子组件方式1.新建一个组件Header.vue<template> <h1>这是头部组件</h1></template>运行一下将父组件的内容传递给子组件原创 2021-12-22 18:31:08 · 1180 阅读 · 0 评论 -
Vue3-初识-引入-基本操作(第一篇)
Vue3-初识引入文件 <script src="../vuejs/vue.global.js"></script>//方式一 data: function() { return { num: 0 }; }//方式二 data1(){ return{ num:0 } }<!DOCTY原创 2021-12-16 16:26:58 · 8137 阅读 · 2 评论 -
socket初识和安装
socket初识和安装day_22一、基于VScode,socket库安装服务器端:npm install --save socket.iojavascript客户端:npm install-save socket.io-client直接引入文件https://github.com/socketio/socket.io-client/edit/master/dist双击socket.io.js新建名为socket.io.js,放入所在所在js目录中输出一下io,如果控制台有输出那么原创 2021-11-08 15:31:24 · 2324 阅读 · 0 评论