随笔分类 -  Vue2&Vue3

Vue2&Vue3
vue工作原理分析
摘要:初始化 在 new Vue() 时会调⽤用_init()进⾏行行初始化,会初始化各种实例例⽅方法、全局⽅方法、执⾏行行⼀一些⽣生命周期、 初始化props、 data等状态。其中最重要的是data的「响应化」处理理。 初始化之后调⽤用 $mount 挂载组件,主要执⾏行行编译和⾸首次更更新 编译 编 阅读全文

posted @ 2020-08-09 18:34 漫思 阅读(2488) 评论(1) 推荐(0) 编辑

elementui tab标签管理路由页面
摘要:文章目录 样式 准备 思路 搭建 搭建页面框架 准备状态管理 监听路由变化 tab方法 登录 与 退出登录 样式 准备 搭建好的vue脚手架(elementui,router,vuex) elementui(NavMenu 导航菜单,Tabs 标签页) 思路 将打开的所有路由放到一个栈里(openT 阅读全文

posted @ 2020-08-01 13:32 漫思 阅读(4297) 评论(0) 推荐(0) 编辑

vue中树状结构转行数据,并渲染成table的方法
摘要:这个算法非常有价值.50块钱提供核心协助 我qq 840189859 我微信 18500591275 场景: 我们现在有一个树状结构的数据,如下图:大概的数据结构如下: const tree = { value: '根节点', children: [ { value: '学校', children: 阅读全文

posted @ 2020-07-30 10:10 漫思 阅读(2680) 评论(0) 推荐(0) 编辑

Vue.js中 watch(深度监听)的最易懂的解释
摘要:<div> <p>FullName: {{fullName}}</p> <p>FirstName: <input type="text" v-model="firstName"></p> </div> new Vue({ el: '#root', data: { firstName: 'Dawei' 阅读全文

posted @ 2020-07-24 10:33 漫思 阅读(433) 评论(0) 推荐(0) 编辑

Vue项目开发,nprogress进度条加载之超详细讲解及实战案例
摘要:Nprogress的默认进度条很细,它的设计灵感主要来源于 谷歌,YouTube 他的安装方式也很简单,你可以有两种使用方式: 直接引入js和css文件 使用npm安装的的方式 直接引入: Npm安装: 基本的使用方式 你可以调用 start() 和done()来进行进度条的控制 如果你准备在jQu 阅读全文

posted @ 2020-07-22 19:50 漫思 阅读(1838) 评论(0) 推荐(0) 编辑

Vue你不得不知道的异步更新机制和nextTick原理
摘要:Vue你不得不知道的异步更新机制和nextTick原理 前言# 异步更新是 Vue 核心实现之一,在整体流程中充当着 watcher 更新的调度者这一角色。大部分 watcher 更新都会经过它的处理,在适当时机让更新有序的执行。而 nextTick 作为异步更新的核心,也是需要学习的重点。 本文你 阅读全文

posted @ 2020-07-13 22:32 漫思 阅读(3788) 评论(0) 推荐(0) 编辑

1. [Vue warn]: Missing required prop: "value"
摘要:意思是说数据没有绑定,页面缺少value值。应该v-model进行数据绑定。 阅读全文

posted @ 2020-07-08 08:17 漫思 阅读(592) 评论(0) 推荐(0) 编辑

vue+iview的form表单校验总结
摘要:这篇文章时关于如何使用iview的form表单校验。主要学习如何使用form校验(以校验文字长度为例),以及如何动态添加校验规则和异步校验。 1.为需要校验的表单添加form标签 <!--注意: ref/rules/model/prop等属性是必须的--> <Form res="foemRef" : 阅读全文

posted @ 2020-07-06 17:07 漫思 阅读(1945) 评论(0) 推荐(0) 编辑

[javascript] vuejs为输入框增加回车事件
摘要:官网文档里有介绍 , 但是加上事件后不管用 , 此处备注一下要加.native 例如下面的例子: <el-input placeholder="在信息流中搜索关键词" v-model="weiboSearch" v-on:keyup.enter.native="searchWeibo" class= 阅读全文

posted @ 2020-07-01 09:56 漫思 阅读(692) 评论(0) 推荐(0) 编辑

iview上的兼容性问题
摘要:1、transfer树形 经典的用法 <Poptip :transfer="true" confirm title="确定要删除这条记录吗?" @on-ok="ok(row)" @on-cancel="cancel"> <Button type="error" size="small">删除</Bu 阅读全文

posted @ 2020-06-29 08:46 漫思 阅读(797) 评论(0) 推荐(0) 编辑

vue.js 键盘enter事件的使用
摘要:在监听键盘事件时,我们经常需要检查常见的键值。Vue 允许为 v-on 在监听键盘事件时添加按键修饰符: <!-- 只有在 `keyCode` 是 13 时调用 `vm.submit()` --><input v-on:keyup.13="submit"> 记住所有的 keyCode 比较困难,所以 阅读全文

posted @ 2020-06-12 20:06 漫思 阅读(4123) 评论(0) 推荐(0) 编辑

vue图片懒加载
摘要:vue-lazyload npm引入:npm i vue-lazyload -S CDN引入:[https://unpkg.com/vue-lazyload/vue-lazyload.js](https://unpkg.com/vue-lazyload/vue-lazyload.js) 使用: ma 阅读全文

posted @ 2020-06-10 14:18 漫思 阅读(1267) 评论(0) 推荐(0) 编辑

ES6几大特性,让你的代码更优美
摘要:1.Default Parameters(默认参数) in ES6 还记得我们以前不得不通过下面方式来定义默认参数: var link = function (height, color, url) { var height = height || 50; var color = color || 阅读全文

posted @ 2020-05-29 18:19 漫思 阅读(361) 评论(0) 推荐(0) 编辑

Vuejs中关于computed、methods、watch,mounted的区别
摘要:1.computed是在HTML DOM加载后马上执行的,如赋值; 2.methods则必须要有一定的触发条件才能执行,如点击事件; 3.watch呢?它用于观察Vue实例上的数据变动。对应一个对象,键是观察表达式,值是对应回调。值也可以是方法名,或者是对象,包含选项。 所以他们的执行顺序为:默认加 阅读全文

posted @ 2020-05-29 18:18 漫思 阅读(1234) 评论(0) 推荐(0) 编辑

有关class的深层次的见解
摘要:<div class="zhixing" :class="this.flowInfo.workflowTaskStatus|toClass"> <div class="title"> filters: { toCN(val) { if (!val) { return "成功"; } return " 阅读全文

posted @ 2020-05-29 18:12 漫思 阅读(139) 评论(0) 推荐(0) 编辑

Class 与 Style 绑定
摘要:操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是 attribute,所以我们可以用 v-bind 处理它们:只需要通过表达式计算出字符串结果即可。不过,字符串拼接麻烦且易错。因此,在将 v-bind 用于 class 和 style 时,Vue.js 做了专门的增强。表 阅读全文

posted @ 2020-05-29 18:09 漫思 阅读(442) 评论(0) 推荐(0) 编辑

安装与卸载vue cli3
摘要:npm install -g @vue/cli npm uninstall -g @vue/cli@特定版本 3.12.0 yarn global add @vue/cli yarn global remove @vue/cli@特定版本 阅读全文

posted @ 2020-04-10 15:06 漫思 阅读(10227) 评论(0) 推荐(0) 编辑

vue-cli3.0之vue.config.js的配置项(注解)
摘要:module.exports = {// 部署应用时的基本 URLbaseUrl: process.env.NODE_ENV 'production' ? '192.168.60.110:8080' : '192.168.60.110:8080',// build时构建文件的目录 构建时传入 --n 阅读全文

posted @ 2020-04-10 14:40 漫思 阅读(2212) 评论(0) 推荐(0) 编辑

Vue 中 css scoped 样式穿透 ( stylus[>>>] / sass / less[/deep/] )
摘要:scoped看起来很好用,当时在Vue项目中,当我们引入第三方组件库时(如使用element-ui),需要在局部组件中修改第三方组件库样式,而又不想去除scoped属性造成组件之间的样式覆盖。这时我们可以通过特殊的方式穿透scoped 1、stylus的样式穿透 使用 >>> .wrapper >> 阅读全文

posted @ 2020-03-31 10:45 漫思 阅读(4255) 评论(0) 推荐(1) 编辑

vue+Elment-UI,修改element组件样式
摘要:在用vue开发项目过程中,我们总是避免不了的会使用到elementUI,它里面提供的一些组件都为我们的开发带来了很大的便利,但是,当有时候我们需要使用这些组件的同时又要修改下组件的UI样式的话,我们该怎么去做呢?接下来我们来看下。 如上图所示,elementUI的多选框是方框的,那么如果我们需要一个 阅读全文

posted @ 2020-03-30 20:02 漫思 阅读(4451) 评论(0) 推荐(1) 编辑

导航