随笔分类 - vue
摘要：一、是什么 权限是对特定资源的访问许可，所谓权限控制，也就是确保用户只能访问到被分配的资源 而前端权限归根结底是请求的发起权，请求的发起可能有下面两种形式触发 页面加载触发 页面上的按钮点击触发 总的来说，所有的请求发起都触发自前端路由或视图 所以我们可以从这两方面入手，对触发权限的源头进行控制，最
阅读全文
摘要：一、如何部署 前后端分离开发模式下，前后端是独立布署的，前端只需要将最后的构建物上传至目标服务器的web容器指定的静态目录下即可 我们知道vue项目在构建后，是生成一系列的静态文件 常规布署我们只需要将这个目录上传至目标服务器即可 // scp 上传 user为主机登录用户，host为主机外网ip,
阅读全文
摘要：一、跨域是什么 跨域本质是浏览器基于同源策略的一种安全手段 同源策略（Sameoriginpolicy），是一种约定，它是浏览器最核心也最基本的安全功能 所谓同源（即指在同一个域）具有以下三个相同点 协议相同（protocol） 主机相同（host） 端口相同（port） 反之非同源请求，也就是协议
阅读全文
摘要：watch：观测Vue实例上的数据变动，对应一个对象，键：就是需要监测的那个东西，值：1.可以是当键变化时执行的函数，有两个参数，第一个是变化前的值，第二个是变化后的值。2.可以是函数名，得用单引号包裹。3.可以是一个对象，这个对象有三个选项：（1）handler ：一个回调函数，监听到变化时应该执
阅读全文
摘要：lin-view-ui 是一款基于 Vue.js 2.0 的前端 UI 组件库，主要集成了平时在开发中使用到的 UI 组件。 特性 基于 Vue 开发的 UI 组件 使用 npm + webpack + babel 的工作流，支持 ES2015 提供友好的 API，可灵活的使用组件 支持按需引入，减
阅读全文
摘要：最近收到的很多问题都是关于Vue3组件库的问题 今天就给大家推荐几个基于Vue3重构的开源组件库 目前状态都处于Beta阶段，建议大家抱着学习的心态入场，勿急于用到生产环境 Ant-design-vue ant-design-vue 是 Ant Design 的 Vue 实现，组件的风格与 Ant
阅读全文
摘要：前言： 这个搭建脚手架的话实际是我们创建一个新项目的第一步，当然，现在脚手架4.0都出来了，经过使用后发现跟我们之前的3.0使用方法是答题一样的，其中用vue-cli3.0来搭建我们的项目的话又分为两种，一种是直接用3.0的typescript的方法来创建使用项目，但是实际生活中我们会发现，这种语法
阅读全文
摘要：方便的Vue2到Vue3生命周期映射直接来自Vue3 Composition API文档，我认为这是了解事物将如何变化以及如何使用它们的最有用的方法之一。 beforeCreate -> use setup() created -> use setup() beforeMount -> onBefo
阅读全文
摘要：https://v3.cn.vuejs.org/ https://vue-docs-next-zh-cn.netlify.app/guide/installation.html#vue-devtools https://www.vue3js.cn/docs/zh/ element vue3 http
阅读全文
摘要：1. Vue 无法检测实例被创建时不存在于 data 中的 property 原因：由于 Vue 会在初始化实例时对 property 执行 getter/setter 转化，所以 property 必须在 data 对象上存在才能让 Vue 将它转换为响应式的。 场景： var vm = new
阅读全文
摘要：项目使用 vue-cli 3 在项目中使用 sass npm install sass-loader --save -D cnpm install sass-loader --save -D (cnpm 更加好安装) 使用 sass ，需要安装其依赖的模块 node-sass ， npm insta
阅读全文
摘要：前言 我们都知道, Vue和React是构建客户端应用程序的框架。默认情况下，可以在浏览器中输出自定义组件，进行生成 DOM 和操作 DOM, 也就是我们常说的客户端渲染, 并且我们大部分主流的场景都是SPA(单页面)应用, 而随着 SPA尤其是 React、Vue、Angular 为代表的前端框架
阅读全文
摘要：在SPA单页面组件的开发中 Vue的vuex和React的Redux 都统称为同一状态管理，个人的理解是全局状态管理更合适；简单的理解就是你在state中定义了一个数据之后，你可以在所在项目中的任何一个组件里进行获取、进行修改，并且你的修改可以得到全局的响应变更。下面咱们一步一步地剖析下vuex的使
阅读全文
摘要：兄弟组件之间进行传值（非父子组件）； 安装：npm install vue-bus 在main.js中引入vue-bus import Vue from 'vue'; import VueBus from 'vue-bus'; Vue.use(VueBus); 在组件中使用： A组件触发事件： th
阅读全文
摘要：首先我们结合 Vue 和 Vuex 的部分源码，来说明 Vuex 注入 Vue 生命周期的过程。 说到源码，其实没有想象的那么难。也和我们平时写业务代码差不多，都是方法的调用。但是源码的调用树会复杂很多。 为何使用 Vuex 使用 Vue 我们就不可避免的会遇到组件间共享的数据或状态。应用的业务代码
阅读全文
摘要：
阅读全文
阅读全文
摘要：1.先看看实现的图 一. 添加添加复选框列 <el-table v-loading="zongShipLoading" tooltip-effect="dark" :header-cell-class-name="cellClass" height="350" ref="changeTable" @
阅读全文
摘要：目前在官方没有解决这个bug前如果有人碰到类似问题。建议大家监听table数据，每次数据得到或改变的时候去重新渲染一下 /* 监听table数据对象 */ watch: { tableData(val) { this.doLayout(); } } /* 重新渲染table组件 */ doLayou
阅读全文
摘要：前言：在vue2.0中使用百度echarts有三种解决方案。 一、原始方法直接使用 这样每次都要获取图表dom元素 然后通过setOption渲染数据，最后在mounted中初始化。很麻烦。 <template> <div> <div id="typeChart" style="width: 600
阅读全文
摘要：有这样一个需求，用户可以增加多个输入框可以编辑： 实现的思路很简单，点击增加的时候，往一个数组里面push一条数据即可： <template> <div> <div v-for="(item,k) in prodForm.seqNos" :key="k"> <input type="text" v-
阅读全文
浙公网安备 33010602011771号