摘要: vue的双向数据绑定v-model vue的双向数据绑定原理是什么? 一般都会搜索到,是用Object.defineProperty( ),来监听数据get和set,来实现数据劫持的 假如对Object.defineProperty( )不是很了解,可以点击上面链接,看看其语法! 举个简单的例子: 阅读全文
posted @ 2020-10-10 22:28 之鹿喵 阅读(544) 评论(0) 推荐(0)
摘要: 之前在用这个属性的时候,就是觉得他基本用在表单或者子组件上,方便方法的调用,查资料之后,才明白更多。 基本用法,本页面获取dom元素 <template> <div id="app"> <div ref="testDom">11111</div> <button @click="getTest">获 阅读全文
posted @ 2020-10-10 15:47 之鹿喵 阅读(14628) 评论(1) 推荐(3)
摘要: 之前在项目中也用过这个方法,但是也是一知半解的,并不是很明白,今天查查资料,补充说明下 定义: 在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM。 所以就衍生出了这个获取更新后的DOM的Vue方法。所以放在Vue.nextTick()回调函数中的执行 阅读全文
posted @ 2020-10-10 12:11 之鹿喵 阅读(807) 评论(0) 推荐(2)
摘要: 学习过程中只会使用,不太了解这些个的区别,学习了解下: 首先说说两者的概念: Promise Promise 是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理和更强大,简单地说,Promise好比容器,里面存放着一些未来才会执行完毕(异步)的事件的结果,而这些结果一旦生成是无法 阅读全文
posted @ 2020-10-09 06:40 之鹿喵 阅读(448) 评论(0) 推荐(0)
摘要: 模块一:全局导航钩子函数 1、vue router.beforeEach(全局前置守卫) beforeEach的钩子函数,它是一个全局的before 钩子函数, (before each)意思是在 每次每一个路由改变的时候都得执行一遍。 它的三个参数: to: (Route路由对象) 即将要进入的目 阅读全文
posted @ 2020-10-08 17:56 之鹿喵 阅读(1434) 评论(0) 推荐(0)
摘要: 为什么要有hash 和history? 对于Vue这类渐进式前端开发框架,为了构建SPA(单页面应用),需要引入前端路由系统,这也就是Vue-Router存在的意义。 前端路由的核心,就在于——改变试图的同时不会向后端发出请求。 1:hash - 即地址栏URL中的 # 符号(此hash不是密码学里 阅读全文
posted @ 2020-10-08 16:31 之鹿喵 阅读(3333) 评论(0) 推荐(0)
摘要: 在路由跳转的时候除了用router-link标签以外需要在script标签在事件里面跳转,所以有个方法就是在script标签里面写this.$router.push('要跳转的路径名') $route为当前router跳转对象里面可以获取name、path、query、params、fullPath 阅读全文
posted @ 2020-10-08 15:50 之鹿喵 阅读(440) 评论(0) 推荐(0)
摘要: 其实用了这么久的vue,里面有很多东西都没有去细细整理分析,今天就整理一下 Import(模块、文件)引入方式 1.引入js文件 在用的那一页,引入文件 Import tools from ‘./tools.js’ 相应的js文件,必须暴露出来 2.引入组件 Import Hello from ‘. 阅读全文
posted @ 2020-10-08 10:59 之鹿喵 阅读(22905) 评论(0) 推荐(0)
摘要: 一、rest参数 前引:在函数体内,它可以通过一个对象来获取所有参数,这个对象是:arguments function sayHi() { alert("hello " + arguments[0] + "," + arguments[1]); } 到了ES6,又引入了rest参数,形式为:...变 阅读全文
posted @ 2020-10-07 13:42 之鹿喵 阅读(471) 评论(0) 推荐(0)
摘要: set的一些遍历操作: keys():返回键名的遍历器 values():返回键值的遍历器 entries():返回键值对的遍历器 forEach():使用回调函数遍历每个成员 let set = new Set(['red', 'green', 'blue']); for (let item of 阅读全文
posted @ 2020-10-07 11:52 之鹿喵 阅读(400) 评论(0) 推荐(0)