VUE框架
文章平均质量分 64
Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用
别动我代码儿
这短短的一生,我们最终都会失去。你不妨大胆一些,爱一个人,攀一座山,追一个梦。
——大鱼海棠
展开
-
vue综合问题归纳-------不能及时获取dom信息
项目场景:项目场景:更改数据后,想立即使用js操作新的视图的时候需要使用它问题描述:数据代码:<template> <div class="app"> <div ref="msgDiv">{{msg}}</div> <div v-if="msg1">更新信息显示直接获取: {{msg1}}</div> <div v-if="msg2">更新信息显示$nextTick: {{msg2}}</d原创 2022-03-01 17:20:48 · 343 阅读 · 0 评论 -
文件上传校验upload---综合
文件上传之前进行文件校验 beforeUpload(file,UpFileList) // file:上传单个文件时候的文件内容,UpFileList:上传多个文件时的文件内容组成的数组 // 1、控制文件数量 if (this.fileList.length + UpFileList.length > 10) { this.$message.warning('超过文件上传数量限制') // 设置上传的文件为.原创 2022-02-08 18:05:57 · 2023 阅读 · 0 评论 -
Vue v-for 循环更优雅
文章目录前言 : 基本使用逐步优雅步骤1. 始终在v-for循环中使用key2. 在一定范围内使用v-for循环3. 避免在循环中使用v-if4. 使用computed属性或方法5. 或者在循环外包一层元素6. 访问循环中的索引7. 迭代对象前言 : 基本使用在Vue中,基本上每个项目都会用到v-for循环。它们允许你在模板代码中编写for循环。这在碰到诸如以下情况时特别好用:<ul> <li v-for='product in products'> {{原创 2021-12-22 09:51:23 · 693 阅读 · 0 评论 -
vue-element Cascader--demo使用
根据字符自适应显示边框单点关闭检索文字及字符长度获取每个对象信息三个以来文件 <link rel="stylesheet" href="common/plugins/element-ui/lib/theme-chalk/index.css"> <script src="common/plugins/vue/vue.min.js"></script> <script src="common/plugins/element-ui/l.原创 2021-12-17 18:12:52 · 214 阅读 · 0 评论 -
VUE框架基础--------生命周期理解
vue的生命周期1. 生命周期Vue实例从创建到销毁的过程,就是生命周期创建、初始化数据、编译模板、挂载DOM、渲染、更新、渲染、销毁等一系列过程2. 周期阶段Vue生命周期可以简单分为四个阶段:创建阶段----> beforeCreate,created挂载阶段----> beforeMount,mounted运行阶段----> beforeUpdate,updated销毁阶段----> beforeDestroy,destroyed3. 生命周期详解原创 2021-05-11 16:50:07 · 905 阅读 · 1 评论 -
VUE框架应用包---------微信二维码应用
微信二维码:说明: 项目中的场景中对文章的进行微信输出二维码,或者二维码进行扫描跳转链接。应用:提示:这里可以添加要学的内容例如:1、 VUE安装包安装QR包npm install --save qrcodejs22、 引用导入import QRCode from “qrcodejs2”3、 页面使用<template> <div class="qrcodeimg"> <p id="qrcode"></p>原创 2021-04-28 16:43:44 · 1204 阅读 · 0 评论 -
vue基础语法--路由,css过渡与动画,vue-cli工具2.0/3.0建项,钩子函数
基础-单页应用-SPA的特点目标 掌握SPA的特点传统模式 每个页面及其内容都需要从服务器一次次请求 如果网络差, 体验则会感觉很慢spa模式, 第一次加载 会将所有的资源都请求到页面 模块之间切换不会再请求服务器SPA优点用户体验好,因为前端操作几乎感受不到网络的延迟完全组件化开发 ,由于只有一个页面,所以原来属于一个个页面的工作被归类为一个个组件.缺点首屏...原创 2020-02-23 15:37:25 · 758 阅读 · 0 评论 -
vue基础语法--json-server工具,接口规则及测试,交互,组件
在Vue中实现发送网络请求目标: 了解在Vue中发送网络请求在Vue.js中发送网络请求本质还是ajax,我们可以使用插件方便操作。vue-resource: Vue.js的插件,已经不维护,不推荐使用axios :不是vue的插件,可以在任何地方使用,推荐说明: 既可以在浏览器端又可以在node.js中使用的发送http请求的库,支持Promise,不支持jsonp如果遇到j...原创 2020-02-23 15:30:43 · 657 阅读 · 0 评论 -
vue基础语法-术语,实例选项,系统指令,过滤器
基础-vue 的特点和能做什么**目标**了解Vue能做什么以及Vue的特点数据驱动视图 可以让我们只关注数据,完全**解耦数据和视图**MVVM 双向绑定通过**指令**增强了html功能 新特性组件化 复用代码开发者一般只需要关注数据适应当前**SPA**的项目开发 single page application传统网站开发 一般来说 需求不大...原创 2020-02-23 15:20:36 · 1383 阅读 · 0 评论