vue
TCorners
这个作者很懒,什么都没留下…
展开
-
手把手教你实现Vue数据双向绑定实现原理
1.首先我们先了解下实现Vue双向绑定的核心方法Object.defineProperty(obj, prop, descriptor)obj: 要在其上定义属性的对象;prop: 要定义或修改的属性的名称;descriptor: 将被定义或修改的属性描述符;该方法的详细解释请移步这里。2.废话不多说,上代码我们来实现:该demo每当我们修改input值后,h1标题都会随之改变<...原创 2020-03-07 13:47:29 · 276 阅读 · 0 评论 -
Vue代码优化
1. 路由异步加载 常规路由写法:import Vue from 'vue'import Router from 'vue-router'import HelloWorld from '@/components/HelloWorld'//常规引入组件TestAimport TestA from '@/components/TestA'import TestB from '@/co...原创 2019-04-09 15:16:04 · 539 阅读 · 0 评论 -
Vue Router 跳转拦截
所有路由需要验证登录router.beforeEach((to, from, next) =&gt; { //设置延时器让created先执行在进行路由跳转 setTimeout((res) =&gt; { // 判断该路由是否需要登录权限 if(to.name == ‘login’){ next() ...原创 2018-07-24 15:22:18 · 5826 阅读 · 0 评论 -
vue自定义指令
关于自定义指令具体介绍请查看官方文档。这里不做详细介绍。 这里写的歌demo,关于点击编辑按钮,输入框自动获取焦点。 &amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html lang=&quot;en&quot;&amp;gt;&amp;lt;head&amp;gt; &amp;lt;meta charset=&原创 2018-06-08 17:21:42 · 238 阅读 · 2 评论 -
vue 备忘录
用vue写了个日历备忘录的功能。省略了备忘录的增删改查功能。 直接上代码&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html lang=&quot;en&quot;&amp;gt;&amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&am原创 2018-05-31 18:28:28 · 1940 阅读 · 3 评论 -
element-ui 设置表单必填项
话不多说,直接上代码~~~~~~~~~<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" hre原创 2018-05-21 18:32:07 · 61950 阅读 · 6 评论 -
vue 异步更新队列 $nextTick
Vue 异步执行 DOM 更新。只要观察到数据变化,Vue 将开启一个队列,并缓冲在同一事件循环中发生的所有数据改变。如果同一个 watcher 被多次触发,只会被推入到队列中一次。如果你想在 DOM 状态更新后做点什么,这就可能会有些棘手。虽然 Vue.js 通常鼓励开发人员沿着“数据驱动”的方式思考,避免直接接触 DOM,但是有时我们确实要这么做。为了在数据变化之后等待 Vue 完成更新 DO...原创 2018-02-08 11:06:42 · 1366 阅读 · 1 评论 -
vuex入门 完整demo
1 第一步安装 npm install vuex --save2 在main.js 同级新建store.js3 编辑store.js 在store.js 引用 vuex import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex)4 用export default 封装代码,让外部可以引用 const store = new Vu...原创 2018-01-16 11:20:58 · 2860 阅读 · 0 评论 -
vue插件汇总
vue插件实例demo [email protected]:zhu1090106071/vue-plugin.git1. element-ui 饿了么UI库 官网http://element-cn.eleme.io/#/zh-CN 安装 npm i element-ui -S2. vuedraggable 拖拽排序 安装npm install vuedragg原创 2018-01-23 15:09:11 · 411 阅读 · 0 评论