搜索结果
查询Tags标签： vue，共有 4843条记录-
【Vue项目】尚品汇（五）Detail组件开发 实现轮播图和放大镜效果
1 基本准备工作 1.1 组件路由及数据准备编写请求接口api/index.js export const reqGetDetailInfo = (skuId ={}) => {return requests(({url:`/item/${skuId}`,method: get})) }编写组件路由{path: /detail/:skuId,component: Detail,name: detail,meta: {showFooter:…
2022/9/3 23:25:03 人评论 次浏览 -
vue——创建vue3
一.使用vue-cli创建 官方文档：https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create 二.使用vite创建 官方文档：https://v3.cn.vuejs.org/guide/installation.html#vite vite官网：https://vitejs.cn什么是vite？—— 新一代前端构建工具。优势如下：开…
2022/9/2 23:52:59 人评论 次浏览 -
Vue的列表超链接（A标签）是什么？如何实现跳转呢？
方法一：通过 <router-link :to="">我要跳转，别拦我</router-link> 首页列表： 在这里我用a标签进行跳转，在vue里面使用<router-link></router-link> //注意：这里的router-link在前台解析的时候会自动变成a标签<router-link :t…
2022/9/2 23:52:50 人评论 次浏览 -
基于Vue的前端UI组件库的比对和选型
大家好，我是张飞洪，感谢您的阅读，我会不定期和你分享学习心得，希望我的文章能成为你成长路上的垫脚石，让我们一起精进。由于录制视频的需要，要做前端UI组件库的选型。平时国内外也见了不少基于Vue的UI组件，积累了一些素材，现在分享给大家。 本文讨论的主题包括：为…
2022/9/2 23:26:17 人评论 次浏览 -
使用 Vite 搭建一个 Vue 3 UI 组件库的手把手教程 All In One
使用 Vite 搭建一个 Vue 3 UI 组件库的手把手教程 All In One refs©xgqfrms 2012-2020 www.cnblogs.com/xgqfrms 发布文章使用：只允许注册用户才可以访问！ 原创文章，版权所有©️xgqfrms, 禁止转载
2022/9/1 23:22:49 人评论 次浏览 -
Vue_Echarts ： 解决__ob__: Observer
在Vue+Echarts做表中遇到一个问题，__ob__: Observer无法展示数据， 在这之前推荐一篇文章看一下，个人觉得挺不错的。 文章链接：https://blog.csdn.net/weixin_38345306/article/details/123090611话不多说，咱们上代码。<template><div class="ThecondCh…
2022/9/1 23:22:47 人评论 次浏览 -
vue——vuex四个map方法的使用
1.mapState方法： 用于帮助我们映射state中的数据为计算属性注意1：mapState的作用：用来生成重复代码，比如return this$store.state.xxx就非常重复，无法复用。mapState采用{k:v}形式注意2：不能把mapState({he:‘sum’,xuexiao:‘school’,xueke:‘subject’})直接放上…
2022/8/31 23:23:14 人评论 次浏览 -
vue3进阶学习
vue3进阶学习官方网站：https://v3.vuejs.org/ 中文文档: https://staging-cn.vuejs.org/guide/introduction.html目的：加强对vue3的学习 了解vue3在生产环境下需要安装什么插件。1、Vue3安装 上节我们采用NPM 的方法来学习vue。 这次使用构建工具来构建Vue项目。 现在官…
2022/8/31 23:23:10 人评论 次浏览 -
Vue-循环渲染
循环渲染循环渲染使用的是v-for<body><div id="app"><div v-for="item in arr">{{item}}</div><div v-for="item in arr2">{{item.time}}</div><div v-for="item in arr2">{{item.thi…
2022/8/31 6:24:33 人评论 次浏览 -
Vue-条件渲染
条件渲染条件渲染的属性有两个：1.v-if/v-elsev-if的方法是删除元素<body><div id="app"><div v-if="flag">上课</div><div v-if="n">下课</div><button @click="fn">切换</button…
2022/8/31 6:24:31 人评论 次浏览 -
【Vue面试题】谈谈你对Vue的diff算法的理解
1 diff算法到底是什么？ diff算法是一种通过同层的树节点进行比较的高效算法，它可以不用频繁操作DOM，而是选用虚拟DOM节点操作，说人话就是专门用来处理虚拟DOM节点的。2 操作流程? 为了更好理解Vue的diff算法，请先看一位B站大佬精心制作的 动画演示。 通过上面视频可…
2022/8/30 14:22:51 人评论 次浏览 -
CentOS 安装Nginx并部署vue项目
安装 yum install nginx配置nginx设置开机启动 systemctl enable nginx启动服务 systemctl start nginx停止服务 systemctl stop nginx重启服务 systemctl restart nginx修改配置后热重载 systemctl reload nginxnginx常用目录路径 説明/etc/nginx/ 保存Nginx设置文件的目…
2022/8/30 5:22:55 人评论 次浏览 -
给vue单页面绑定快捷键
created() {// 添加快捷键document.addEventListener(keyup, this.handleKeyUp)},destroyed() {// 删除快捷键document.removeEventListener(keyup, this.handleKeyUp)},methods: {// 添加快捷键的事件处理handleKeyUp(e) {e.preventDefault();e.stopPropagation();// 点击…
2022/8/29 23:25:39 人评论 次浏览 -
Vue引入CSS样式的方法
Vue引入CSS样式的方法https://blog.csdn.net/pick_ears/article/details/122214627
2022/8/29 23:24:29 人评论 次浏览 -
Vue.sync修饰符与this.$emit('update:xxx', newXXX)
Vue通过prop进行双向数据绑定。子组件数据变化，一般只能通过 this.$emit(func, val) 回调父组件函数来传值给父组件。 Vue2.3版本引入sync，作为一个事件绑定语法糖，当子组件触发事件时，父组件会响应事件并实现数据更新。 .sync 修饰符 this.$emit(update:title, n…
2022/8/29 23:23:13 人评论 次浏览
