![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
奔跑的前端仔
这个作者很懒,什么都没留下…
展开
-
Nuxt,node项目打包部署到线上流程及其操作
Nuxt或node项目打包部署到线上流程及其操作!1.先在本地执行npm run build 命令npm run build2.打包后将 .nuxt , static, package.json ,nuxt.config.js 4个包上传到网站的目录下。3.在服务器上安装依赖(需要用到 pm2管理,pm2内置了node.js,只需要安装pm2就行,这里用宝塔举例,在商店安装pm2)注意:安装pm2 默认node版本是最新的,可以检查是否和开发环境下的版本一致,如果不一致在设置里面进行切换版本原创 2021-12-06 10:57:17 · 1613 阅读 · 1 评论 -
vue写树型结构组织图,动态组织类型图,拓展图
父组件:<template><div> <TreeChart style="min-width:1000px;overflow-x:auto" :json="treeData" :class="{landscape: isVertical}" :isDetail="isDetail" @add="addStock" @delete="deleteStock" /> <el-dialog title原创 2021-10-14 17:40:54 · 489 阅读 · 0 评论 -
uni-app小说阅读页,vue小说阅读页,静态demo
uni-app小说阅读页,vue小说阅读页,静态demo先看示列图:**整个页面代码(uni-app的页面,放到vue页面需要将代码内的 uni设置的缓存 进行替换成vue的) (文件访问图片请自己结合用你自己的)<template> <view class="page" :style="{'background':global_bg}"> <view class="read_main_p"> <p>第1章</p> <原创 2021-07-09 17:26:14 · 1519 阅读 · 0 评论 -
项目使用微信公众平台图片显示此图片来自微信公众平台 解决方法
项目使用微信公众平台图片显示此图片来自微信公众平台 解决方法vue页面:html: <div style="width:61px;height:61px" v-if="items.thumb_media_url.includes('mmbiz_jpg')" v-html="ImgFun(微信公众图片地址)""></div> js: ImgFun(url){ var randomId = 'img' + url; window[`img${url}`]原创 2021-06-30 14:26:25 · 662 阅读 · 0 评论 -
vue下载pdf ,不预览直接下载
vue下载pdf ,不预览直接下载 var ajax=new XMLHttpRequest(); ajax.open( "GET", '图片地址', true); ajax.setRequestHeader("Cache-Control","no-cache") ajax.setRequestHeader('Access-Control-Allow-Origin', '*'); ajax.responseType = 'blob'; a原创 2021-06-21 09:56:09 · 1987 阅读 · 2 评论 -
Vue多个echart的datazoom以及悬浮框联动的示例代码
多个echart的datazoom以及悬浮框联动的示例代码图片列子:html代码:<div id="main" style="width: 100%;height:35vh;min-height:380px"></div> <div id="main2" style="width: 100%;height:35vh;min-height:380px;margin-top:10px"></div> iniChart(EchartValue) {//接原创 2021-03-31 15:29:43 · 354 阅读 · 0 评论 -
Vue后台管理系统权限动态路由,根据不同用户渲染不同的路由
Vue后台管理系统权限动态路由该项目搭建的框架使用的是vue+ant-pro,这里说一下大概思路和流程**1.首先路由的地方应该分为两块,一块是不需要权限就可以直接登录看到的(看具体需求,也可以一快),一块是需要动态加载的路由信息集合**动态路由里面的meta属性里面需要一个字段用来放权限(和登录是后台返回的权限key一样)然后的思路是登录的时候后台会根据这个账号返回他对应的权限信息,返回权限路由/或者权限key然后拿到这一组权限id和我们的动态路由去做筛选,赛选出对应的路由,然后把这路由添加原创 2020-09-18 18:04:54 · 7077 阅读 · 1 评论 -
vue组件间的通信父子,兄弟间通信
vue组件间的通信父子,兄弟间通信传送门原创 2020-03-30 16:59:24 · 196 阅读 · 0 评论 -
对MVVM模式的理解和原理
谈谈对MVVM模式的理解和原理1.首先:MVVM分为view ,model ,viewmodelview: 视图模型 。其实就是一个增强版的html ,可以支持变量,一些程序的要素。model:数据模型。其实就是一个保存所有页面所需的变量的对象——data={…}viewmodel : 就是将视图模型和数据模型给绑定起来,以后只要数据模型中的数据改变了,页面中也会跟着自动改变。MVVM的...原创 2019-12-09 13:25:32 · 1117 阅读 · 0 评论 -
关于v-for中key的理解 diff算法的不好
v-for循环key的作用(用v-for来解释diff的算法原理 及 diff算法与虚拟dom的关系解释)diff算法:从上往下逐层进行比较,给每个节点生成标识符用在同级进行对比,:如果标识符相同,则继续比较此节点的下一级,如果子节点都相同则复用;如果子级有不同,则对此子节点进行判断,节点中如果出现了新的标识符,则新增;如果旧节点的标识符在新中没有出现,则删除;如果标识符相同,内容不同,则进...原创 2019-12-04 11:01:26 · 202 阅读 · 0 评论 -
vue常见的一些问题
面试时面试官想要听到什么答案(关于一些Vue的问题)1.vue生命周期(钩子函数)问题请说一下vue的生命周期函数(钩子函数)。问题描述首先关于生命周期函数,一般我的第一个问题就是这个,我认为是每个使用vue的都要清楚的,如果这个问题答的问题很大其实我都不太想继续往下进行了。即使英语不标准(我就是不标准的人,并不是说这是个问题)也要去把关键点说清楚,哪个地方有ed哪个地方没有ed其实是...原创 2019-12-02 23:49:12 · 164 阅读 · 0 评论 -
Vuex的理解
1.vuex是什么?2.vuex的核心概念;vuex的属性;vuex的数据传递流程;3.为什么要用vuex?对于问题一,我们按官网的描述即可。vuex是一个专为vue.js应用程序开发的状态管理模式(它采用集中式存贮管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化)。对于问题二,vuex五大核心属性:state,getter,mutation,action,m...原创 2019-11-29 20:08:37 · 197 阅读 · 4 评论 -
vue的生命周期(4个阶段,8个钩子函数)
vue的生命周期(4个阶段,8个钩子函数)(1)创建阶段(create):创建组件对象,创建data对象,但是这个阶段还没有创建虚拟dom树。-beforeCreate(){}:组件创建之前自动调用 —此时的$el:undefined ,data:undefined-Create(){}:组件创建完成自动调用–此时可以发送ajax请求,并且可以操作模型数据(2)挂载阶段 (Mount):创...原创 2019-11-28 18:14:37 · 5156 阅读 · 1 评论