ICode9

精准搜索请尝试: 精确搜索
  • Vue 状态管理之vuex && {mapState,mapGetters}2022-06-27 15:34:17

    1 # 一、理解vuex 2 1.概念:专门在Vue中实现集中式状态(数据)管理的一个Vue插件,对vue应用中多个组件的共享状态进行集中式的管理(读写),也是一种组件间通信的方式,且适用于任意组件间通信。 3 2.Github地址:https://github.com/vuejs/vuex 4 # 二、什么时候使用Vuex 5

  • Vue复习2022-06-27 13:07:01

    一.单选题 二.多选题 三.填空题 1.@ :、2.span tag、3.v-show v-if、4.class style、5.is、6.deep、7.value、8.transition-group、9.to、10.then、11.vue create film、 12.点(“.”)、13.push、14.v-html、15.default 四.判断题 五.语法题 六.编程题

  • 【重点突破】—— quasar的艰难安装&创建目录2022-06-27 13:04:40

    出现的问题 Quasar的版本更新过很多版本,对node.js的版本要求是不一样的。每次执行创建目录的命令都让执行替代命令,然后执行过以后,仍然创建不了目录   解决方法: 1.在中文教程的QuasarV2升级篇中特别说明了对node、npm、yarn的要求 2.执行安装命令(确保安装的是最新版本@latest)

  • 【重点突破】—— quasar 与 uniapp 选型简单对比2022-06-27 12:34:04

    文章来自不饿不饿不饿的掘金博客 对于这两个框架我都分别用来写过不大不小的项目, 所以对比还算客观, 因为我是推荐用 quasar 的, 所以我先从一定不会选 quasar 的场景开始 不选 quasar 的场景 有开发小程序需求 对于只想一套代码就能有不错的原生 app, 这里提一句, 对于 app

  • vue大型电商项目尚品汇(后台终结篇)day06 重磅!!!2022-06-27 12:03:29

    自此整个项目前后台,全部搭建完毕。 今天是最后一天,内容很多,而且也比较常用,一个图标类数据可视化,一个后台的权限管理,都是很经典的类型。 一.数据可视化 1.简介 专门的一门学科,有专门研究这个的岗位,将数据以各种图形进行展示 Echarts只能2D,three.js可开发3D 2.canvas绘制线段 canva

  • VUE+ECharts 自适应宽度2022-06-27 12:01:57

       card的边框,chart div  width: '100%'   代码:  <el-row :gutter="5" style="padding-top: 0px">       <el-col :span="12">         <el-card>           <div id="myChart1" :style="{ width:

  • Vue3学习-第二章 单文件组件(SFC)2022-06-27 11:34:38

    什么是单文件组件? 简言之,单文件组件就是一个文件扩展名为.vue的single-file-components(SFC)。是Vue.js自定义的一种文件格式,一个.vue文件,就是一个单独的组件,在文件内封装了组件的相关代码:HTML,CSS,JS。 浏览器本身并不支持.vue文件,所以必须对.vue文件进行加载解析,此时需要vue-loade

  • 6. 异步更新的原理2022-06-26 23:32:52

    异步更新原理 上一章实现了依赖收集和自动更新, 但是存在问题: 如果对同一个属性多次更新, 如: vm.name = 1 vm.name = 2, vm.name = 3, 就是触发多次update方法, 会导致效率底下. 考虑将需要更新的watcher不是立即执行, 而是维护到一个队列里面去, 同时去重, 带一个更新周期结

  • 千峰商城-springboot项目搭建-17-vue2022-06-26 22:31:46

    1.使用jQuery的复杂性问题 使用jQuery进行前后端分离开发,既可以实现前后端交互(ajax),又可以完成数据渲染。 存在的问题:jQuery需要通过HTML标签拼接,dom节点操作完成数据的显示,开发效率低且容易出错,且渲染效率较低。   2.vue是继jQuery之后的又一优秀的前端框架。专注于前端数据的渲

  • vue动态表单,因未赋key导致表单切换,之前校验项结果仍在问题2022-06-26 21:35:05

    问题描述:     例如通过“活动区域”选项,动态决定下方的form内容,所有form用v-if做判断。当利用rules和validate做上传校验时,出现第一张form校验失败的提示项,在切换select框内容后仍然会出现在其他表单上,且位置对不上。 问题原因:     由于vue的DOM复用问题,导致v-if渲染时可能使

  • vue - 本地存储2022-06-26 11:33:50

    Cookie -  会随着每次请求发送到服务端,存储大小为4k   SessionStorage - 不会随着每次请求发送到服务端,标签页或游览器关闭时 数据会被清除,存储大小为5M   LocalStorage - 不会随着每次请求发送到服务端,数据永久保存,只能通过api或清除游览器缓存清除数据,存储大小为5M   您

  • Vue组件间通信-- Vuex/82022-06-26 10:34:27

    1.概念 ​ 在Vue中实现集中式状态(数据)管理的一个Vue插件,对vue应用中多个组件的共享状态进行集中式的管理(读/写),也是一种组件间通信的方式,且适用于任意组件间通信。 2.何时使用? ​ 多个组件需要共享数据时 3.搭建vuex环境 创建文件:src/store/index.js //引入Vue核心库 import Vu

  • Vue组件间通信--$parent/$children(子传父)/42022-06-26 10:05:30

    子组件使用父组件的数据和方法 $parent 指定已创建的实例之父实例,在两者之间建立父子关系。子实例可以用 this.$parent 访问父实例,子实例被推入父实例的 $children 数组中。   父组件 data() { return { msg:'age' } }, components: { Hear,//子组件 }, method

  • Vue具体步骤2022-06-26 08:00:46

    1、第一步:全局安装@vue/cli                  npm install -g @vue/cli 2、第二步:切换到你要创建的目录,然后使用命令创建项目                 vue create xxxx 3、第三部:启动项目                npm run serve 4、vue inspect > output.js  

  • 图文并茂使用VUE+Quasar CLI开发和构建PWA,registerServiceWorker介绍2022-06-26 02:00:23

    看文档 文档地址:Preparation for PWA 1.将PWA模式添加到我们的Quasar项目中: npx quasar mode add pwa 我们看一下有哪些变化 向Quasar项目添加PWA模式意味着将创建一个新文件夹:/src-pwa,其中包含PWA特定文件: . └── src-pwa/ ├── register-service-worker-dev.js

  • vue 的常用事件2022-06-25 23:34:26

    vue 的常用事件 事件处理 1.使用 v-on:xxx 或 @xxx 绑定事件,其中 xxx 是事件名; 2.事件的回调需要配置在 methods 对象中,最终会在 vm 上; 3.methods 中配置的函数,不要用箭头函数!否则 this 就不是 vm 了; 4.methods 中配置的函数,都是被 Vue 所管理的函数,this 的指向是 vm 或 组件实例

  • 2022年全新的学习计划-开篇说明2022-06-25 15:35:45

    笔者在广东,有7年微软系的开发经验,对于C#、ASP.Net、SqlServer有丰富的开发经验,在公司主要开发中小型的ERP和MES系统,另外也根据公司的实际应用场景,用过Android开发,用于生产现场的数据采集。 在这个科技发展日新月异的时代,笔者使用的开发语言和开发平台也很旧了,就连微软也在推.Net C

  • ElementUI 实现el-table 列宽自适应(具体操作步骤)2022-06-25 15:33:47

    一、概述 Element UI 是 PC 端比较流行的 Vue.js UI 框架,它的组件库基本能满足大部分常见的业务需求。但有时候会有一些定制性比较高的需求,组件本身可能没办法满足。最近在项目里就碰到了。 很多页面都需要用到表格组件el-table。如果没有给el-table-column指定宽度,默认情况下会平

  • vue.js3:父组件子组件互相访问数据方法(vue@3.2.37)2022-06-25 14:34:10

    一,js代码 1,Child.vue <template> <div style="background: #ffff00;"> <div>这是子组件</div> <div>参数default:{{defaultStr}},参数top:{{topStr}}</div> <div>变量:{{childName}}</div> <button @click

  • vue中的export和export default2022-06-25 14:33:33

    首先,它们是在组件复用的过程中使用。 import引用其他组件的值,而export则是暴露自己的成员变量供其他组件调用接收。 在一个组件中,可以同时使用export和export default。     1、export default 向外暴露的成员,可以使用任意变量来接收 2、在一个模块中,export default 只允许向

  • Ant Design Vue栅格Grid的使用2022-06-25 14:32:10

    栅格系统的设计理念 建议横向排列的盒子数量最多四个,最少一个。 因此我们的span一般设置为3或者4 小屏幕的话就另当别论了 栅格系统的简单介绍 1.通过row在水平方向建立一组column(简写 col) 你的内容应当放置于col内,并且只有col可以作为row的直接元素。 这个非常重要 <a-row>

  • Vue搭建流程2022-06-25 13:03:28

    1、官网地址:https://cli.vuejs.org/zh/guide/installation.html    首先下载node.js安装并且配置好环境变量。 去nodejs官网下载即可,地址:http://nodejs.cn/中文网 前提要安装 以下: 1)安装npm淘宝镜像 cnpmnpm install -g cnpm --registry=https://registry.npm.taobao.org 2)cnpm

  • vue-cli项目详细搭建过程2022-06-25 13:01:59

    https://www.jianshu.com/p/8d5aeb79d7ad   一、安装 Node.js 10(选择自己需要的版本) 运行 node -v查看版本,如果不是 10,请先卸载当前版本去 Node.js 官网下载10.12.0版的安装包,一路点击下一步,注意安装目录可以改,一定不要在路径中出现中文和空格。 注意重装 Node.js 后,你以前用 n

  • SPA(单页应用)首屏加载速度慢怎么解决?2022-06-25 12:34:41

    一、什么是首屏加载 首屏时间(First Contentful Paint),指的是浏览器从响应用户输入网址地址,到首屏内容渲染完成的时间,此时整个网页不一定要全部渲染完成,但需要展示当前视窗需要的内容,首屏加载可以说是用户体验中最重要的环节 二、加载慢的原因 在页面渲染的过程,导致加载速度慢的因素

  • vue引入mock的json数据2022-06-25 11:01:59

        const baseData = require("./mock.json");  

专注分享技术,共同学习,共同进步。侵权联系[admin#icode9.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有