vue
关注
分享
扫一扫
文章平均质量分 63
Eva3288
这个作者很懒，什么都没留下…
展开
-
自定义指令
文章目录1.全局自定义指令1.1 钩子函数：1.2 钩子函数参数：2. 私有自定义指令3. 指令的简写形式4. 案例demoVue中所有指令都以（v-）开头，即：v-指令名1.全局自定义指令使用Vue.directive('name',{})定义全局自定义指令。参数一'name'：指令的名称，不需要加"v-"前缀；调用时需要加上。参数二{}：是一个对象，有相关钩子函数（可选），可在特定阶段执行相关操作1.1 钩子函数：钩子函数：bind()，只调用一次，指令在第一次绑定到元素身上时调用。原创 2021-04-15 15:12:37 · 499 阅读 · 0 评论 -
封装UI组件库
如何封装并发布一个属于自己的ui组件库基础知识：关于Vue.use()详解*** Vue.use() 的使用和基本原理vue.use和vue.prototype.$xxx的区别参考：*** 教你搭建按需加载的Vue组件库教你搭建按需加载的Vue组件库(小结)_哒哒_前端开发者其他：基于elementUI封装自己的UI组件库...原创 2021-04-01 10:22:51 · 426 阅读 · 0 评论 -
vue-cli4打包时清除console.log
1.在项目中下载依赖包npm install babel-plugin-transform-remove-console -D2.在项目babel.config.js中配置let transformRemoveConsolePlugin = [];// 生产环境清除console.log的信息if (process.env.NODE_ENV != "development") { transformRemoveConsolePlugin = ["transform-remove-consol原创 2021-01-27 09:44:32 · 480 阅读 · 0 评论 -
【Vue】10 - vuex，路由守卫，登录
文章目录1、state2、关于mutations1. 那怎么配置mutaions ？2. mutaions的参数： state、 payload3. 提交更改 / 调用mutaions里的方法4. mutations 函数中不可以出现异步等副作用操作3、 actions：配置副作用操作1. actions里的配置2. 调用actions里的方法vuex + vue：总结：其他： 登录 + 导航守卫 配合vuex用于解决大量的、复杂的组件间共享数据的问题提出了一个模块：数据仓库，我们的共享数据都放到数据原创 2020-07-02 08:26:10 · 427 阅读 · 0 评论 -
【Vue】9 - 组件（全局、局部）、通信（props、$meit、$refs）、插槽slot、component、$nextTick等
文章目录1. 组件命名2 . 全局组件3. 局部组件4. 嵌套组件5.发布订阅项目很庞大的时候，希望开发的时候能分模块开发，就像现在提倡的组件化开发,一个自定义标签 - vue就会把他看成一个组件，vue可以给这些标签赋予一定的意义根据功能—组件分两类：页面级组件基础组件 - 将可复用的部分抽离出来根据用法—组件分为：全局组件 — 声明一次，在任何地方使用 (一般写插件的时候，...原创 2020-02-17 09:01:49 · 1100 阅读 · 0 评论 -
【Vue】8 - 声明周期 / 钩子函数 、实例上的方法
文章目录1. 声明周期/钩子函数2. 实例上的方法1. 声明周期/钩子函数声明周期：从出生到死亡beforeCreate --出生之前created – 出生后beforeMount – 挂载之前mounted – 挂载后beforeUpdate – 更新前updated – 更新后beforeDestroy – 死亡前destroyed – 死亡后钩子函数：初始化时会调...原创 2020-02-13 13:45:55 · 422 阅读 · 0 评论 -
【vue- demo】自定义指令-拖拽
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...原创 2020-02-13 13:18:37 · 222 阅读 · 0 评论 -
【vue - demo】实例 - todoList
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...原创 2020-02-13 13:15:44 · 373 阅读 · 0 评论 -
【Vue】7 - 修饰符 modifires 、template 、 动态绑定样式(:class / :style)
文章目录1. 修饰符 modifires冒泡 和 捕获阻止默认行为1. 修饰符 modifires修饰符可以帮我们处理一些事件、键盘码、事件源等一些问题.stop – 阻止默认冒泡、捕获等(阻止事件传播) 等于： e.propagation(); 或者 IE的 e.cancelBubble= true;.capture – 设置捕获 等于： xxx.addEventListen...原创 2020-02-12 17:00:42 · 810 阅读 · 0 评论 -
【Vue】6 - 选项 - filters、computed 、watch
文章目录filters 过滤器computed 计算属性watch 观察filters 过滤器如果有两个vue实例，一个实例是获取不到另一个实例里的方法的，如下我们写了2个实例：过滤器myFilter是在实例1中定义的，在实例2中无法使用定义：过滤器名称fn(要过滤的数据data，参数1，参数2){return 操作}使用： vue实例中，{{ '数据data' | fn(参数1，...原创 2020-02-11 18:59:10 · 308 阅读 · 0 评论 -
【Vue】5 - promise、axios、created
文章目录1.回调函数2. Promise3. axios的简单用法1.回调函数回调函数:将后续的处理逻辑传入到当前要做的事情中,当前事情结束后调用执行回调函数;function cookie(callback) { setTimeout(() => { let food = '炒饭'; //执行完这个异步操作,在调用回调 callback(f...原创 2020-02-09 15:41:22 · 499 阅读 · 0 评论 -
【Vue】4 - 单选框、复选框、下拉框
文章目录1. 单选框2. 复选框3. 下拉框1. 单选框radio单选框 : 也是通过v-model结合value来使用的,v-model的值 和value 值对应的那项就是被选中项<!-- radio单选框 也是通过v-model结合value来使用的,v-model的值 和value 值对应的那项就是被选中项 -->性别:<input type="radio" v-...原创 2020-02-09 15:04:04 · 777 阅读 · 0 评论 -
【Vue】3 - 指令
文章目录1、指令2、关于data中的数据类型：{} 或 []3. 事件补充及练习：todoListtodoList1、指令dom元素的行间属性，必须以v-开头,而且都是key /value的形式，value均为变量v-model - 实现双向数据绑定，常用在input 或组件上一般表单元素如input都要加v-model,且会忽略掉value 属性，selected,checked...原创 2020-02-09 14:49:32 · 444 阅读 · 0 评论 -
【Vue】2 - 特点、理解、安装、mvvm实现原理
vue - 构建页面的渐进式框架；1、框架 和 库：框架： 拥有完整的解决方案。核心是库，框架大一些，我们按别人的规则写好，人家来调用。vue库：我们调用；jQuery、zepto、animate.css渐进式框架：通过组合，完成一个完整的框架。就向vue 全家桶：核心是vuejs + vue-router(单页面应用) + vuex(状态管理) + axios(获取数据) ，这一套组合成...原创 2020-02-05 15:13:16 · 235 阅读 · 0 评论 -
【javascript】高阶函数2 - 异步编程 初
文章目录目标方案1：串行 -不推荐方案2：通过回调函数来解决-很麻烦方案3：after函数的方式 - 相对好一些方案4：发布订阅模式（发布 和 订阅）引申：观察者模式let fs = require('fs'); //引入fs api ；fs 是node的api: file system 文件读写fs.readFile('./README.md','utf-8',function(err...原创 2020-02-03 11:07:55 · 246 阅读 · 0 评论 -
【Vue】1 - 数据驱动之 数据类型，数组常用方法
vue相关js 数据类型forEachfor infor offilter(过滤)map(映射)vue特点：数据驱动（主要操作的是数据）；之前js、jq频繁的操作dom(元素加样式，改大小，移动等) 会导致页面回流和重绘，高性能；js 数据类型js数据类型分基本 和引用两种：基本数据类型：number、string、boolean、null、undefined；引用数据类型：Obje...原创 2020-02-01 09:41:17 · 1483 阅读 · 0 评论 -
【Vue】0 - vue-cli安装、vue路由
1、vue-cli 安装// win+R -> cmd 进入命令行// 命令行清屏 ds// 进入e盘 e:// 安装node, node -v 查看安装版本// 安装淘宝镜像 ，cnpm -v 查看安装版本npm install -g cnpm --registry=https://registry.npm.taobao.org// 安装webpack ,web...原创 2020-01-31 20:08:30 · 295 阅读 · 0 评论 -
正则判断
keywords:[ {validator:function(rule,value,callback){ if(value != value.replace(/[^\u4e00-\u9fa5,\，]+/,'')){ ...原创 2019-03-13 17:41:25 · 522 阅读 · 0 评论 -
vue 非父子关系组件间通信
1、 新建一个.vue文件middle.vue<template> <div></div></template><script> import Vue from 'vue' let middleware = new Vue(); export default middleware;</s...原创 2018-11-07 16:25:40 · 313 阅读 · 0 评论 -
vue多页面配置
多页面案例用 vue-cli安装 初始化一个vue单页面项目，然后做如下修改：1、在 package.json 文件里添加一个依赖 glob ,然后执行 npm install &quot;devDependencies&quot;: { //.... &quot;webpack-merge&quot;: &quot;^4.1.0&quot;, &quot原创 2018-06-28 16:58:35 · 729 阅读 · 0 评论 -
vue-cli安装
vue-cli 是vue官方提供的一个脚手架工具，用于初始化一个Vue项目；一、vue-cli的优势：1、成熟的vue项目架构设计，而且会跟随vue版本的更迭而更新； 2、提供了一套本地测试服务器，而且是一个热加载的服务器； 3、提供了自己的一套集成打包上线的方案，webpack 或者gulpify在创建项目的时候可以进行选择； 有了以上优势，可以非常快速的搭建项目；二、vue原创 2018-01-25 15:52:19 · 296 阅读 · 0 评论