Vue2（完结）：replace属性、编程式路由导航、缓存路由组件、两个新钩子、路由守卫、history与hash
一、router-link的replace属性 1、作用：控制路由跳转时操作浏览器历史记录的模式 2、浏览器的历史记录有两种写入方式：分别为push和replace，push是追加历史记录，replace是替换当前记录。路由跳转时候默认为push 3、如何开启replace模式：<router...
用vue构建项目笔记2（引入自定义头部组件）
当我们创建好项目以后，前端的工作就是开始切图了，头部导航和尾部导航以及最底部的网站声明都是每个网页必备的，不可能每个网页去写一遍，用iframe或者load方法去加载，都有非常大的弊端，在vue中，可以用组件功能方便的实现这一需求。下面是我项目中创建头部的过程：1、找到vue-cli项目中...
vue在dialog中使用组件，组件内的dialog被遮住了
这个图片列表被我做成组件后，如图，我在其他地方调用是正常的当我在dialog中调用时，组件内的dialog被遮住了【解决】在组件中的dialog上加一个append-to-body，重组层级关系...
vue使用elementui组件的的对话框；使用ref
1.第一步，先在父组件中引用，设置ref的值 <el-dialog :visible.sync="dialogEditVisible" append-to-body width="1000px" title="编辑" :close-on-click-modal="false"> <...
vue日历组件-v-calendar
在项目中,需要用到日历扩展,这里有一个很好日历组件https://github.com/nathanreyes/v-calendar文档:https://vcalendar.io/changelog/v1.0.html#v1-0-0-beta-0有个小坑,日期选择的事件都有,但是切换日历月份的事件,...
node实现命令行生成vue或react组件模板
node实现命令行生成vue或react组件模板技能项从git仓库拉取代码执行index.js文件结语技能项您只需要会使用node、git、文件路径基础知识。从git仓库拉取代码git地址(https://github.com/LGDHuaOPER/createTemplateFile)执行inde...
超级好用的图片预览查看插件Viewer及在react，vue，jquery以及原生js的使用方法，详解react复用单个组件的写法
因为项目种常查看大图预览的需求，如果是自己写的用模态框写的查看大图，只是简单看看还可以，如果需要旋转，放大缩小，反转等等操作，就会很麻烦。也看过很多用来查看大图的插件，viewer真的是功能最为全面的，而且在各个框架中均有对应的封装插件，使用起来也很方便，所以这里写一下各个框架内viewer的使用方...
关于Vue 父子组件传值
遇到问题: 父组件传值到子组件，如果子组件想要修改父组件传递过来的值，并进行重新渲染解决方法:在子组件中watch监听父组件传递过来的值，并复制到子组件中定义的data数据需要注意Vue watch 监听不同数据类型的方式是不一样的这是province是父组件中的数据类型是对象数组，jyjposts...
Vue PC端组件库
1. ElementElement，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库文档 | github地址 2. iView一套基于 Vue.js 的高质量UI 组件库文档 | github地址 3. vue-element-adminvue-element-admin是...
vue 组件渲染/更新过程
（一） 初次渲染过程1. 解析模板为 render 函数这部分是说vue 编译相关，也就是说把 vue 语法编译 成 js 语法，通过执行 vue-template-compiler 的 compiler 函数，得到 render 2. 触发响应式响应式关键 Object.definePropert...
Taro + vue3 小程序封装标题组件
分为没有跳转页面的title组件和 有跳转页面的title组件 我们可以把这个封装成一个组件 直接上代码 <template> <div class="fixed-title-container"> <div class="box"> &...
Ant Design of Vue —— Table表格组件之设置动态表头
先看效果： 代码如下：scopedSlots是作用域插槽，filterDropdown可以自定义筛选菜单，title表头名字 通过下拉框选择，选到哪一项，就给相应的变量赋值https://www.cnblogs.com/duoer/p/12096895.html ...
纯小白入手 vue3.0 CLI - 2.4 - 新组件 Forms.vue 中学习表单
vue3.0 CLI 真小白一步一步入手全教程系列：https://www.cnblogs.com/ndos/category/1295752.html我的 github 地址 - vue3.0Study - 阶段学习成果都会建立分支。==========================新组件 - ...
vue/父组件请求来的值，子组件无法接收/父组件无法给echarts子组件传值/页面第一次加载时，子组件没有应用上父组件传进来的数据
前端新人，在第一次对接口的时候遇到不少小问题，都是特别细节的问题，今天记录一下遇到的让我最有收获的一个问题： 首先，我要做的就是根据“数量”和“面积”echarts表显示不同的数据 我拿到接口数据之后，在父组件创建两个数组，然后用下标的方式向数组里面赋值： 将数组通过属性的方式传进echarts子组...
vue使用插槽slot的过程中，父级组件设置了display：flex，但是插入组件的flex：1属性不生效
在用vue开发组件的时候，我预期的效果是这样的但是实际开发的过程中出现了子组件始终不能均匀分布的问题，flex：1属性根本没生效，如下效果：于是仔细检查每一处：App.vueTabBar组件TabBarItem组件发现了问题：在TabBarItem组件的template中多嵌套了一层div，这是模板...
Vue实现浮动按钮组件 - 页面滚动时自动隐藏 - 可拖拽
效果图说明本文可能有点啰嗦了…组件难点如何监听滚动完成事件移动端如何监听拖拽事件前置条件为了充分发挥vue的特性，我们不应该通过ref来直接操作dom，而是应该通过修改数据项从而让vue自动更新dom。因此，我们这样编写template。<template> <div class...
推荐一些vue.js热门好用的框架组件
说明：推荐一些好用vue的ui框架组件描述：仅仅作为学习和整理，具体按照个人的需要选择使用即可，可以收藏，方便后续选择备忘。一、mint-ui 基于 Vue.js 的移动端组件库介绍：一款基于 Vue.js 的移动端组件库，Mint UI 包含丰富的 CSS 和 JS 组件，能够满足日常的移动端开发...
vue组件-轮播（走马灯效果）
这是一个在项目中用到的一个轮播效果，前端最难的应该就是动画了，逻辑什么的相比后台来说还是比较简单的（个人觉得），先来看看效果图拿到设计图时翻遍了所有的轮播插件，发现跟UI要的效果都相差甚远啊，没办法，只能找个相对来说适合的进行整改了，找的是一个jquery写的一个方法，因为项目用的是vue，vue里...
vue 组件中冒号的作用
查看Vue的API文档时我们会发现冒号“：”其实是v-bind的缩写。所以在使用上，一般的常量属性我们不用添加冒号；如果是会产生变化的值则要加上冒号。加上了冒号是为了动态绑定数据，等号后面可以写变量。如果不使用冒号，等号后面就可以写字符串等原始类型数据。这时就无法进行动态绑定数据了。...
vue中组件没显示，没报错，但是该显示的组件没有显示
vue中组件没显示，没报错，但是该显示的组件没有显示，这里面我们需要注意一个问题，就是 template （将要渲染的HTML）必须是包含在一个标签里面的，这个和react 比较像，是个小坑，所以他没有报错；最外层加个标签包起来就行...