依古比古的博客

<template> <div class="app-container"> 当前浏览器url的参数 {{ params }} <el-button @click="goSubSystem"> 登陆</el-button> </div></template><script>export default { name: "subSystem", data() { return

vue封装dialog弹框组件dialog.vue<template> <div class="dialog" v-show="showMask"> <div class="dialog-container"> <div class="dialog-title">{{title}}</div> <div class="content" v-html="content"

vue 封装一个toast组件第一步 创建一个toast.vue<template> <transition name="fade"> <div v-show="visible">{{message}}</div> </transition></template><script>export default { data () { return { visible: fal

<template> <div class="home"> <div @scroll="scroll()"> <div v-for="(item,index) in this.list" :key="index" class="every">{{item}}</div> </div> <div class="scrolltop" v-show="isShow" @click="goTop"&

vue递归组件实现树形结构一：递归组件什么是递归组件？简单来说就是在组件中内使用组件本身。函数自己调用自己。很多情况下我们呢刷数据的时候，不知道到底这个数据结构是有多少层，那么这个时候我们就用到了递归来实现。二：先用for来遍历：父组件中：<template> <div class="home"> <tree :title="list.name" :list="list.children"></tree> </div&gt

vue自定义指令的使用：全局指令和局部指令：【全局指令】 使用Vue.diretive()来全局注册指令。【 局部指令】 也可以注册局部指令，组件或Vue构造函数中接受一个directives的选项。钩子函数。指令定义函数提供了几个钩子函数（可选）。【bind】 只调用一次，指令第一次绑定到元素时调用，用这个钩子函数可以定义一个 在绑定时执行一次的初始化动作。【inserted】 被绑定元素插入父节点时调用（父节点存在即可调用，不必存在于d ocument中）。【 update】 所在组件的

vue.js之filters的使用（过滤器）**过滤器：**对我们渲染出来的数据进行进一步的格式化处理。 例如：后台返回的数据性别是0和1 ，渲染页面的时候，我们应该转换成“男”或者“女”，在这种情况下呢，我们就需要用到了过滤器，还有一点就是商品价格的读取出来的是普通的数值，比如：258964，我们需要在前面添加一个货币符号或者是千分分隔符，变为：￥250，都需要用到了过滤器。过滤器分为两种：全局过滤器，局部过滤器全局过滤器使用：<template> <div class

vue+axios+promise实现网络层封装（二次封装）封装是一种网络模块化的机制，它使得分布各处的网络可以从收到的数据包读到控制信息，根据协议做出合适的反应.用来处理响应拦截和请求拦截 也可以做我们的数据预加载，实现数据权限的校验一： 封装思想方法首先安装axios设置基础的路径(baseURL)设置超时时间请求参数(默认参数可以为设备的宽高)请求方式(GET,POST)请求成功或者失败后的处理请求前 请求后的处理二：网络模块需要提供的功能GE

Vue.nextTick的实现原理以及使用场景定义：在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM，所以放在 Vue.nextTick()回调函数中的执行的应该是会对 DOM 进行操作的 js 代码；理解：nextTick()，是将回调函数延迟在下一次 dom 更新数据后调用，简单的理解是：当数据更新了，在 dom 中渲染后，自动执行该函数，<template> <div class="hello"> <

svg矢量图的使用今天学习了矢量图的三种使用方法，迫不及待想要和大家分享。一、什么是 SVGSVG 是可缩放矢量图形，用户可以用代码来直接描绘图像。区别于 JPG 和 PNG 的需要用引擎来加载的图片，它直接用画布绘制，所以是无损失的。二：svg的优点减少页面请求的压力SVG比其他的图片都要更小SVG是一种可伸缩的图片SVG 图像可以在任何分辨率下轻松打印SVG 可以自定义三：使用方法：3.1 单个的使用：引入单个 ：图片形式引入 我们直接在iconfont 里面下载。下载格式

vue-cli3.0搭建脚手架及关闭严格模式 vue的更新可以说是非常快的了。 目前vue的最新版本是2.6，vue-cli最新是4.x一:用vue-cli3.x来写项目我们是基于node进行创建的，所以说我们要先安装node,我们可以参考node的官网：：https://nodejs.org/en/download/1.1 安装vue-clinpm install -g @vue/cli在这里插入代码片1.2 创建项目vue create demo//vue create 项目名

一：vue特点单页面应用组件化开发组建的重用性开发便捷二：MVVM 双向数据绑定M:(model)数据V:(view)视图 指的就是看到的页面VM:(viewmodel)视图模型 是MVVM模式的核心 是连接view和model的桥梁有两种方法一个是将视图转换成数据模型，将看到的页面转换成后端数据，实现方式：dom监听另一种是将模型转换成视图页面，实现方式：数据绑定...