vue
关注
分享
扫一扫
vue
瑆箫
前端开发相关的技术博客,包含前端技术、前端教程、前端素材资源下载等服务。提供全面的web前端开发、小程序开发、前端自动化、前端性能优化等技术文章，如需功能开发提供开发说明，微信：ayw2050（请备注，否则不通过）
展开
-
Buildadmin如何设置为默认显示后台
如何设置buildadmin默认打开为后台地址，一起来了解一下原创 2024-11-22 10:23:53 · 104 阅读 · 0 评论 -
Vue3 常见的 9 种组件通信机制
用于父组件向子组件传递数据以及子组件向父组件发出事件通知。: 用于父组件向所有后代组件提供数据，实现依赖注入。Pinia: 一个现代化的 Vue 状态管理库，替代了传统的 Vuex。: 用于父组件直接访问子组件的实例或元素。Attrs: 用于获取父组件传递给子组件的非 prop 属性。v-Model: 用于实现双向数据绑定。mitt.js: 一个事件总线库，用于跨组件通信。Slots: 用于父组件控制子组件部分内容，实现组件模板的灵活性和可重用性。原创 2024-11-17 19:20:45 · 154 阅读 · 0 评论 -
Vue3.0 性能提升主要是通过哪几方面体现的？
这样就免去了重复的创建节点，大型应用会受益于这个改动，免去了重复的创建操作，优化了运行时候的内存占用。可以看到，组件内部只有一个动态节点，剩余一堆都是静态节点，所以这里很多。中对不参与更新的元素，会做静态提升，只会被创建一次，在渲染时直接复用。等，仅仅在用到的时候才打包，没用到的模块都被摇掉，打包的整体体积变小。来劫持整个对象，然后进行深度遍历所有属性，给每个属性添加。整体体积变小了，除了移出一些不常用的API，再重要的是。实例，它会在组件渲染的过程中把用到的数据。，就不需要创建对象，然后根据对象渲染。原创 2023-07-18 10:15:05 · 151 阅读 · 0 评论 -
vue项目如何部署？有遇到布署服务器后刷新404问题吗？
是一种网络应用程序或网站的模型，所有用户交互是通过动态重写当前页面，前面我们也看到了，不管我们应用有多少页面，构建物都只会产出一个。什么自动化，镜像，容器，流水线布署，本质也是将这套逻辑抽象，隔离，用程序来代替重复性的劳动，本文不展开。前后端分离开发模式下，前后端是独立布署的，前端只需要将最后的构建物上传至目标服务器的。这是一个经典的问题，相信很多同学都有遇到过，那么你知道其真正的原因吗？产生问题的本质是因为我们的路由是通过JS来执行视图切换的，是没有相关配置的，所以就会出现 404 的情况。原创 2023-07-18 10:01:12 · 236 阅读 · 0 评论 -
uniapp打包字节小程序提示vendor.js过大，怎么进行优化?
此外，我们还可以通过使用tree shaking、按需引入等技术，对不必要的模块进行剔除，从而减小vendor.js的体积。同时，我们还可以使用uni-app的externals参数，将第三方库和框架从vendor.js中剔除，从而进一步减小vendor.js的体积。因此，我们需要进行优化。🌽 最后，我们需要注意的是，尽量避免在代码中直接引用第三方库和框架的全局变量或对象，而是通过import的方式引入，这样能够使tree shaking工具更好地识别出不需要的代码，从而减小vendor.js的体积。原创 2023-04-17 11:34:56 · 8245 阅读 · 0 评论 -
2023版vue2项目安装路由以及element框架
1.安装方式请自行选择，通过命令或者通过编辑器。原创 2023-02-21 10:35:16 · 175 阅读 · 0 评论 -
html怎么让文字半透明,用js设置div背景半透明而文字不透明
这里用js来实现元素半透明，而其中的文字正常显示的方法：// 把16进制颜色转换成rgb格式。原创 2022-11-23 18:48:07 · 965 阅读 · 0 评论 -
typescript ‘props‘ is declared but its value is never read 解决办法
可以修改tsconfig.json文件的noUnusedParameters为false即可。原创 2022-07-31 12:55:52 · 1254 阅读 · 1 评论 -
uniapp小程序增加自定义复选框样式
uniapp小程序增加自定义复选框样式。原创 2022-07-19 14:47:50 · 782 阅读 · 0 评论 -
12 个 Vue 开发中的性能优化小技巧
1. 长列表性能优化1. 不做响应式比如会员列表、商品列表之类的，只是纯粹的数据展示，不会有任何动态改变的场景下，就不需要对数据做响应化处理，可以大大提升渲染速度比如使用Object.freeze()冻结一个对象，MDN的描述是 该方法冻结的对象不能被修改；即不能向这个对象添加新属性，不能删除已有属性，不能修改该对象已有属性的可枚举性、可配置性、可写性，以及不能修改已有属性的值，以及该对象的原型也不能被修改exportdefault{data:()=>({u...原创 2022-02-26 14:56:39 · 241 阅读 · 0 评论 -
微信小程序表单多步骤实现方法
1.实现的效果：具体实现代码： <view class="cu-modal bottom-modal" :class="modalName=='means'?'show':''"> <view class="action" @tap="hideModal"> <text class="cuIcon-unfold text-white"></text> </view> <uni-forms :原创 2020-12-30 17:32:01 · 1193 阅读 · 0 评论 -
uniapp选项卡代码演示
1.实现如下效果：代码如下： <view style="width: 100%;height: 100rpx;display: block;line-height: 100rpx;margin-left: 20rpx;font-size: 34rpx;"> {{type_name}} </view> <view class="head-nav" v-if="type != 1"> <view :cl原创 2020-12-15 17:27:26 · 677 阅读 · 0 评论 -
router.beforeEach死循环原因解决
在通过判断token的值来确定用户是不是已经登录，如果没有登录的用户只能访问登录页router.beforeEach((to, from, next) => { let token = window.localStorage.getItem('token'); if( !token){ next({path: '/'}) } else { ne...原创 2020-01-02 20:56:54 · 6009 阅读 · 0 评论 -
vue中axios赋值的问题解决
1.在请求执行成功后执行回调函数中的内容，回调函数处于其它函数的内部this不会与任何对象绑定，为undefined。2.解决方案： 将指向vue对象的this赋值给外部方法定义的属性，然后在内部方法中使用该属性箭头函数：...原创 2019-06-23 16:58:58 · 4398 阅读 · 2 评论 -
在 vue 中添加权限控制
如何获取用户权限？后端（当前用户拥有的权限列表）-> 前端（通过后端的接口获取到，下文中我们把当前用户的权限列表叫做 permissionList）前端如何做限制？通过产品的需求，在项目中进行权限点的配置，然后通过 permissionList 寻找是否有配置的权限点，有就显示，没有就不显示。当我刚开始接到这个需求的时候就是这么想的，这有什么难的，不就获取 permissio...原创 2019-05-31 16:44:14 · 1295 阅读 · 0 评论 -
vue2.0指令介绍
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue指令</title></head><body> <script type="text/javascript" src=" https://c...原创 2019-05-09 22:22:02 · 322 阅读 · 0 评论 -
vue2.0目录结构介绍
1.安装好项目，目录如下：.我们修改Helloworld.vue文件：然后重新打开，自动会刷新：原创 2019-05-07 13:39:44 · 1359 阅读 · 0 评论 -
vue3.0基础--快速搭建一个vue项目
1.第一步查看vue的版本，使用vue -V查看2.升级vue到3.0：npm install @vue/cli-g3.使用vue create 项目名称 //创建项目4.运行项目：npm run serve原创 2019-03-28 11:10:38 · 1025 阅读 · 0 评论 -
安装vue调试工具vue-devtools的方法
安装: 1.到github下载：git clone https://github.com/vuejs/vue-devtools2.在vue-devtools目录下安装依赖包12cd vue-devtoolscnpm install3.修改manifest.json文件把"persistent":false改成true 4.编译代码npm run build 5.扩展Chrome插件Chrome浏...原创 2018-06-12 21:13:14 · 741 阅读 · 0 评论 -
在vue中使用radio无法选择多个的原因
1.每组的name名要相同2.label的for绑定的值与radio的值相同（:bind绑定）3.有时可以使用v-model（代表每一组）原创 2018-08-10 11:29:19 · 3010 阅读 · 0 评论 -
vue传值到另一个页面
声明式：<router-link :to="...">编程式：router.push(...)这两种方式 都可以实现跳转链接，在上篇文章继续，通过A组件跳转链接到B组件并且传参数。1、router.push使用router/index.jsexport default new Router({routes: [{path: '/',na...原创 2018-08-07 20:13:09 · 11537 阅读 · 0 评论 -
vue页面跳转简单的传参方式
利用绑定:href给a标签，将值传给href,如果是使用v-for里循环的值，格式为字符串+值（记得不要加{{}}）也可以使用window.open跳转传参，另个页面使用search方法接收数据vue的路由方法也可以，建立文件夹router/index.js或者引入router.js(架构版)开发版和生产版是没有的...原创 2018-08-08 00:45:34 · 1264 阅读 · 0 评论 -
安装vue的详细方法
1.安装node.js,按照一步一步点击安装即可。2.输入以下命令查看版本：出现版本说明node.js安装成功。3.安装vue架构：npm install --global vue-cli或者cnpm install --global vue-cli4.创建：vue init webpack my-project5.安装依赖：npm install...原创 2018-08-31 20:15:09 · 481 阅读 · 2 评论 -
Vue开源项目库汇总
最近做了一个Vue开源项目库汇总，里面集合了OpenDigg 上的优质的Vue开源项目库，方便移动开发人员便捷的找到自己需要的项目工具等，感兴趣的可以到GitHub上给个star。UI组件element ★9305 - 饿了么出品的Vue2的web UI工具套件 Vux ★6802 - 基于Vue和WeUI的组件库 mint-ui ★4776 - Vue 2的移动UI元素 iview...原创 2018-09-28 21:22:13 · 987 阅读 · 0 评论 -
Vue 数据动态过滤实践
问题是这样的：页面从后台拿到的数据是由0、1之类的key，而这个key代表的value比如0-女、1-男的对应关系是要从另外一个数据字典接口拿到的；类似于这样的Api： { "SEX_TYPE": [ { "paramValue": 0, "paramDesc": "女" }, { "paramValue": 1, "paramDesc": "原创 2018-10-20 21:56:56 · 642 阅读 · 0 评论 -
vue面试知识点总结
一、对于MVVM的理解？MVVM 是 Model-View-ViewModel 的缩写。Model代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑。View 代表UI 组件，它负责将数据模型转化成UI 展现出来。ViewModel 监听模型数据的改变和控制视图行为、处理用户交互，简单理解就是一个同步View 和 Model的对象，连接Model和View。在MVVM架构下，Vi...原创 2018-11-18 08:22:09 · 332 阅读 · 0 评论 -
Mpvue小程序的最新规范
mpvue 是一款使用 Vue.js 开发微信小程序的前端框架。使用此框架，开发者将得到完整的 Vue.js 开发体验，同时为 H5 和小程序提供了代码复用的能力。如果想将 H5 项目改造为小程序，或开发小程序后希望将其转换为 H5，mpvue 将是十分契合的一种解决方案。目前， mpvue 已经在美团点评多个实际业务项目中得到了验证，因此我们决定将其开源，希望更多技术同行一起开发，应用到更广...原创 2018-12-31 15:48:28 · 440 阅读 · 0 评论 -
新版的vue如何读取本地json文件数据的解决办法
现在升级后的vue没有dev-server.js和dev-client.js,可以通过以下方式模拟后台数据：源码：https://download.youkuaiyun.com/download/mo3408/109345311.找到webpack.dev.conf.js这个文件，在const portfinder = require('portfinder')后面添加以下代码：const ex...原创 2019-01-23 16:03:38 · 15853 阅读 · 1 评论 -
运行vue项目时控制台出现视觉警告的解决办法
1.找到webpack.base.conf.js这个文件：将以下代码删除或者注释： ...(config.dev.useEslint ? [createLintingRule()] : []),2.重启项目：npm run dev原创 2019-01-23 16:07:31 · 4242 阅读 · 0 评论 -
vue2.0路由使用方法
1.创建一个vue项目：2.打开src下的components，在里面创建一个Mess.vue文件：3.在HelloWorld.vue加上跳转：4.打开router里的index.js,引入Mess:5.运行项目的效果：这就是vue使用路由的简单例子。...原创 2019-02-15 11:00:08 · 556 阅读 · 0 评论 -
使用vuethink搭建项目
1.下载vuethink:http://www.vuethink.com/2.这是配置好的：https://download.youkuaiyun.com/download/mo3408/109668543.解压后将下面两个文件放到php工具箱的根目录：3.将install.sql导入数据库，然后修改php里的database.php4.打开frontEnd,修改main.js：将ax...原创 2019-02-20 16:08:13 · 987 阅读 · 2 评论 -
vue3.0基础--全局变量
1.在项目根目录新建一个文件.env2.在里面定义VUE_APP_随意写.3.重启项目：npm run serve4.在根目录建立.env.development和.env.production文件，定义跟上面是一样的（属于生产环境）...原创 2019-03-30 20:38:56 · 12640 阅读 · 0 评论 -
vue3.0基础--单独运行vue文件
1.在根目录建立一个vue文件2.vue servevue文件名3.出现以下情况：执行：npm install -g @vue/cli-service-global重启项目。原创 2019-03-30 21:08:35 · 6368 阅读 · 0 评论 -
vue3.0基础--图形页面构建项目
1.打开cmd或者终端输入vue ui出现以下页面安装好之后：点击运行后会自动编译：运行是没有问题的：安装vuetify:再次运行会出现以下页面：这就是使用图形页面创建项目和安装插件，建议以终端形式运行项目。...原创 2019-03-31 22:13:08 · 681 阅读 · 0 评论 -
开始使用vue.js2.0的基本教程
Vue 介绍Vue.js 是什么 Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。 Vue.js 的目标是通过尽可能简单的 A...原创 2018-06-12 21:05:30 · 1083 阅读 · 0 评论