vue 踩了一个坑
Vue 3.0 初体验《从构建项目到实现一个todoList》
前言关于Vue 3.0 Beta版本已经发布有一段时间了，不知道各位朋友有没有去体验一下最新版本。如果还没有来的及体验的话，那么今天我来带你们一起体验一下Vue3.0 Beta带来的快感吧。正文开始之前请确定你的Node Or Npm 版本是否和我的一样 Node v10.16.0 Npm v6.9.0复制如果你的版本和我的一样，那么现在就可以开始玩耍了~这里我们需要使用最新版本的Vue Cli去
日期 2023-06-12 10:48:40
使用Vue写一个登录页面
大家好，又见面了，我是你们的朋友全栈君。上一博客讲到构建了一个vue项目，现在在那个项目之上实现一个登录页面。1.构建项目的目录2.App.vue<template> <div id="app"> <router-view/> </div> </template> <script> e
日期 2023-06-12 10:48:40
vue转json串_vue中怎么声明一个数组
大家好，又见面了，我是你们的朋友全栈君。 一些常用更多方法介绍文章目录前言一、vue对象转数组？二、JSON数据转换1、JSON.parse2、JSON.stringify2.1、JSON.stringify高级使用总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇
日期 2023-06-12 10:48:40vue实现一个弹窗组件_vue弹窗组件封装
大家好，又见面了，我是你们的朋友全栈君。 最近新项目遇到一个需求，在输入错误的时候，使用toast弹窗提示，在此之前，我使用的弹窗都是只写在单个页面上，需要的时候写一个，虽然也可以，但是对这个项目来说就太过麻烦了，于是想要写一个toast弹窗组件，在全局中引用。 参考了从零开始徒手撸一个vue的toast弹窗组件这篇博文，我写了一个自己的弹窗组件。/src/components/toast/
日期 2023-06-12 10:48:40使用Vue3.0实现一个简单的TodoList案例
随着Vue3.0正式版发布，Vue3.0使用的人也渐渐增多，很多新项目都开始使用Vue3.0，老项目也有的开始迁移到Vue3.0版本，为了能帮助更多人快速上手Vue3.0，这里写一个简单的案例。其实Vue3.0只是在Vue2.0的基础上新增了一些新特性，比如：Composition API等。同时也废弃了一些特性，比如：过滤器等。先看一下最终实现效果（也没比较简陋，没有管页面UI，主要是Vue3.
日期 2023-06-12 10:48:40
第123期：用vue3结合hooks开发一个可以注册的二次确认弹框
封面图image.png中午在公司楼顶平台上晒太阳，不知不觉睡着了背景上次开发了一个类似popConfirm的二次确认弹框，如下面两个图：图一image.png图二image.png完成开发后，准备集成到项目中时忽然发现无法集成到公司内部的组件库中，因为公司的组件库表格的操作项按钮是通过传参的方式进行配置，无法直接使用popConfirm包裹操作按钮的方式进行Dom的书写。所以又对二次弹框进行了一
日期 2023-06-12 10:48:40
vue如何二次封装一个高频可复用的组件
在我们的业务里，我们通常会二次封装一些高频业务组件，比如弹框，抽屉，表单等这些业务组件，为什么要二次封装？我们所有人心里的答案肯定是，同样类似的代码太多了，我想复用组件，或者原有组件可能达不到我想要的效果，我想基于原有组件自定义一些自己的接口，那么此时就需要二次封装了。二次封装虽好，但同时也会带来一定的心智负担，因为二次封装的组件可能会变得不那么纯粹。本文是一篇笔者关于二次封装组件的思考，希望看完
日期 2023-06-12 10:48:40用vue写一个日历插件
先上图，看看效果 项目git地址 思路：实现获取当前时间，新建一个datalet now = new Date();复制然后需要判断显示的是否为当月时间if (cur) { date = new Date(cur); } else { let now = new Date(); date = new Date( /指定时间/
日期 2023-06-12 10:48:40
Vue3学习笔记Day2 项目工程化的第一步，第一个Vue项目
开发环境IDE: 推荐VS Code,其实你如果用惯了 JB那一套也挺好的，只不过人家是收费的。浏览器：推荐Chrome。依赖项：ViteNode.js 然后在命令行执行以下命令，创建项目：npm init @vitejs/app 复制然后跟着一路设置一下。 介绍一下项目目录:. ├── README.md ├── index.html 入口文件 ├── package.jso
日期 2023-06-12 10:48:40Vue2.0一个login跳转实例
需要解决的问题：store存储登录状态Vue-Router导航钩子拦截路由Vue-Resource获取后台的数据需要判断登录返回的user源码参考原文地址 主要技术栈：Vuex + Vue-Resource + Vue-Router后台用mock-data来模拟数据。 先来看一下效果图 第一步、起个项目打开控制台输入 $ npm install -
日期 2023-06-12 10:48:40用vue开发一个猫眼电影web app
前言：之前一直在学习原生的javascript，但是无奈功力太浅，学了很长时候也只能写一些简单的小demo，知道遇见了vue，一切都变了，他的双向绑定和组件化思想让我迅速的爱上了他，可是光学不练是没有什么成就感的，想着豆瓣提供了免费的api接口，不如就利用这个接口做一个电影网站，想想还是有点小激动的！ 技术栈 技术栈当然首选vue全家桶啦，但是我这个d
日期 2023-06-12 10:48:40Vue 全家桶 + Electron 开发的一个跨三端的应用
GitHub Repo：vue-objccn Follow: halfrost · GitHub 项目地址：https://github.com/halfrost/vue-objccn 利用 Vue.js 实现 objc中国 的跨平台全栈应用 ✅ 桌面应用，支持 Mac、Linux、Windows 三个平台 ✅ Web 应用，支持 桌面浏览器
日期 2023-06-12 10:48:40vuejs搜索关键字高亮显示并且实现切换显示下一个选项多种方法
参考资料： https://segmentfault.com/q/1010000038543596?_ea=87295903 第一种方法： 手写：（温馨提示：这里的style不能写在scoped里，否则css样式无效） <template
日期 2023-06-12 10:48:40nginx 、vue - nginx同一个端口配置多个vue工程 和 vue 配套打包具体配置 教程
1.背景 我只有一个服务器，一个服务器只有一个443端口，但是我又多个vue工程，该怎么共同使用一个端口？？ 根据网上的配置，基本都是cv大佬，仿若机器人，要脸不？标点符号都不愿意改一下，牛皮，搜一下关键字，整页都是一样的文章 好好好，我自己琢磨，花费一番功夫，终于成功了 实现了访问 https://域名:443/xct/vue/ https://域名:443/elm/vue/访问
日期 2023-06-12 10:48:40181：vue+openlayers 加载解析geojson文件，给每一个feature（非整体）添加渐变颜色
第181个 点击查看专栏目录 本示例的目的是介绍演示如何在vue+openlayers中加载解析geojson文件，同时给每一个feature元素（非整体）添加渐变颜色，呈现出绚
日期 2023-06-12 10:48:40如果使用Vue3.0实现一个 Modal，你会怎么进行设计？
一、组件设计 组件就是把图形、非图形的各种逻辑均抽象为一个统一的概念（组件）来实现开发的模式 现在有一个场景，点击新增与编辑都弹框出来进行填写，功能上大同小异，可能只是标题内容或者是显示的主体内容稍微不同 这时候就没必要写两个组件，只需要根据传入的参数不同&#
日期 2023-06-12 10:48:40Vue:第一个vue-cli项目
什么是vue-cli vue-cli官方提供的一个脚手架,用于快速生成一一个vue的项目模板; 预先定义好的目录结构及基础代码，就好比咱们在创建Maven项目时可以选择创建一个骨架项目，
日期 2023-06-12 10:48:40Vue创建一个路由项目(Vue Router)
📚文章目录 💻什么是Router 开始创建 创建结束，感谢支持 💻什么是Router Vue Router 是 Vue.js 的官方路由。它与 Vue.js 核心深度集成，让用 Vue.js 构建单页应用变得轻而易举。功能包括： 嵌套路由映射
日期 2023-06-12 10:48:40用【mysql,vue,node】制作一个前后端分离小项目
文章目录 自制全栈项目1.准备技术1.1mysql1.2 node的express框架1.3vue相关的技术1.4怎么使用element-ui展示数据1.5利用axiso接收从服务器传来的数据 2.项目
日期 2023-06-12 10:48:40[vue]几十行代码写一个图书管理系统小demo来学习表单控件、列表渲染和事件绑定。
[vue]几十行代码写一个图书管理系统小demo来学习表单控件、列表渲染和事件绑定。 前言表单控件基础用法修饰符 列表渲染v-for用于数组v-for用于对象v-for迭代整数 事件绑定图书管理系统
日期 2023-06-12 10:48:40基于vuecli3构建一个快速开发h5 APP的模板
基于vuecli3构建的一个快速开发h5 APP的模板，集成了高德地图、mint-ui，以及antv-f2可视化框架 vue-cli3安装 查看vue cli版本 vue --version 要求nodejs版本8.9以上 如安装了旧版，使用npm uninstall vue-cli -g卸载旧版本 安装vue-cli3.0 npm install -g @vue/cli
日期 2023-06-12 10:48:40vue中封装一个全局的弹窗js
/** * Created by yx on 2017/12/21. */ export default { /** * 带按钮的弹框 * <!--自定义提示标题,内容,单个按钮事件--> */ showAlert:function(content,callback,singleButton){ if(typeof(content)=="string"){
日期 2023-06-12 10:48:40浅析Vue3相关基础知识点：setup()入口函数、ref()定义响应式数据、reactive()定义多个响应式数据-深层的、toRefs()转换为每个属性都是一个ref、computed()计算属性、watch()监听数据、watchEffect()监听数据变化执行回调、生命周期对比、provide/inject跨层级组件通信
一、setup setup是组合Composition API中的入口函数，也是第一个要使用的函数。 1、setup只在初始化时执行一次，所有的Composition API函数都在此使用。 2、setup是在beforeCreate生命周期之前执行的(只执行一次) beforeCreate() { console.log('beforeCreate执行了'); },
日期 2023-06-12 10:48:40flask+vue：创建一个数据列表并实现简单的查询功能(二)
昨天写了一个简单的数据列表，传送门：flask+vue：创建一个数据列表并实现简单的查询功能(一) 上述功能中还存在着几个缺陷： 1、进入这个菜单后，没有自动触发请求获取数据，导致页面为空； 2、切换页码或者重新选择每页条数后，没有自动重新加载数据，需要点一下查询按钮才行； 3、切换页码或者点击查询获取数据时，视觉上没有动态加载效果 本篇博客针对上述问题进行一些优化
日期 2023-06-12 10:48:40vue学习：打开/刷新一个页面时，触发一个后端请求
由于业务系统最近更改了一些内部处理逻辑，所以我需要对应改造一下创建数据时调用的接口 之前的逻辑：创建合同时，每条数据需要先关联一个项目，合同与项目之间是多对一的，也就是不同的合同可以关联同一个项目。所以当初写这个接口时，我把项目写死了 现在的逻辑：合同与项目直接改为1对1，也就是一个项目只能被一个合同所关联 最开始的思路是，写一个创建项目的接口A，然后每次在创建合同时先调用接口A，
日期 2023-06-12 10:48:40vue是一个渐进式的框架，如何理解“渐进式”
每个框架都不可避免会有自己的一些特点，从而会对使用者有一定的要求，这些要求就是主张，主张有强有弱，它的强势程度会影响在业务开发中的使用方式。使用vue，你可以在原有大系统的上面，把一两个组件改用它实现，当jQuery用；也可以整个用它全家桶开发，当Angular用；还可以用它的视图，搭配你自己设计的整个下层用。你可以在底层数据逻辑的地方用OO和设计模式的那套理念。也可以函数式，都可以。它只是个轻
日期 2023-06-12 10:48:40用Vue实现一个登陆界面
用Vue实现一个登陆界面 总是从园子里索取，所以也想写点东西，欢迎大家批评指教。 最近由于一些原因，开始学习vue的项目开发，对于我这样一个刚刚入行的菜鸟级c#程序员，可真踩了不少坑， 接下来,废话少说。 一、搭建环境 本人win10开发环境（资深大佬勿喷，我没有mac，也没有安装linux环境）
日期 2023-06-12 10:48:40VUE 爬坑之旅 -- 用 ES6 语法写一个工具类，并全局引用
VUE 爬坑之旅 -- 用 ES6 语法写一个工具类，并全局引用 2018-05-24 12:03:57 zgh0711 阅读数 7587 收藏 更多 分类专栏： Vue Vue 爬坑之旅 版权声明：本文为博主原创文章，遵循&nb
日期 2023-06-12 10:48:40vue-cli配置多入口多出口，实现一个项目两个访问地址，区分不同上线环境
最近工作中需要把项目分割成两块，一块需要跑在微信中，通过微信jdk获取用户资料默认登录，一部分需要给原生app做webview的内嵌页面，当然这部分内容是不跑在微信中的。 所以我想到了把项目分成两部分，不同的入口来控制是否获取微信的个人信息，比如原入口main.js中调用微信接口，获取用户信息，并携带用户信息的token标识。 而从inlay.js进入的则不调用微信接口，不获取用户
日期 2023-06-12 10:48:40