![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
lxr_wxp
这个作者很懒,什么都没留下…
展开
-
Vue.js 学习笔记(二)
一、计算属性computed的使用JS每一个属性都有两个对应的方法——get和set,都是回调函数get:返回当前属性的值set:监视,一旦改变属性值就会调用set代码及解释如下 <!DOCTYPE html><html> <head> <meta charset="utf-8"> <titl...原创 2019-07-18 20:47:45 · 108 阅读 · 0 评论 -
Vue.js 学习笔记(三)
一,条件渲染顾名思义,就是根据条件决定是否在浏览器中渲染当前element有两个属性 : v-show , v-if(v-else和v-if组合使用)判断条件是vue中的变量的值,下面是个例子<!DOCTYPE html><html> <head> <meta charset="utf-8"> <...原创 2019-07-18 22:00:50 · 159 阅读 · 0 评论 -
Vue.js中的关键词解释(总结)
目录:1.虚拟Dom2.:key3. 渐进式4. MVVM5. 数据绑定虚拟DOMWeb界面由DOM树(树的意思是数据结构)来构建,当其中一部分发生变化时,其实就是对应某个DOM节点发生了变化, 虚拟DOM就是为了解决浏览器性能问题而被设计出来的。如前,若一次操作中有10次更新DOM的动作,虚拟DOM不会立即操作DOM,而是将这10次更新的diff内容保存到本地一个J...转载 2019-07-18 22:26:27 · 1128 阅读 · 0 评论 -
Vue.js 学习笔记(四)
一、事件处理时间处理中最重要的是对事件的捕获和冒泡,以及对默认行为的阻止事件的捕获:一个鼠标点击事件,如果在该坐标有多层DOM,则从上到下进行捕获事件的冒泡:从下向上进行冒泡,执行回调函数默认行为的阻止(preventDefault):阻止事件默认行为的发生,如form表单的跳转,超链接的跳转示例代码及分析<!DOCTYPE html><html> &...原创 2019-07-19 10:09:51 · 88 阅读 · 0 评论 -
Vue.js 学习笔记(一)
一、为什么开始学习Vue.js 现在找web前端工作,基本都会要求会vue、react、angular三大框架其中之一(注:不管学什么框架,都必须要先学习原生js和jquery,对前端开发的理解和思想有很大的提升) angular在国内没什么市场 , react语法比较难(但是掌握之后运用方便)...原创 2019-07-17 21:34:25 · 115 阅读 · 0 评论 -
Vue.js 学习笔记(五)
一、生命周期每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如,需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数,这给了用户在不同阶段添加自己的代码的机会。常用的钩子函数有mounted(挂载完成),beforeDestroy(被销毁之前),updated(更新完成),beforeUpdate(更新...原创 2019-07-20 15:53:13 · 68 阅读 · 0 评论 -
Vue.js 学习笔记(七)
事件监听有点web基础的就知道click,keydown,keyup之类的事件,但他们是js原生的,框架再怎么使用,也只是对他们进行了个封装。vue提供了自定义事件,消息的订阅与发布模拟事件,slot标签①自定义事件vue的js函数:$on(eventname,function)(监听函数),$emit( eventname , value)(触发事件的函数)标签定义监听: v-on:ev...原创 2019-07-21 15:57:33 · 138 阅读 · 0 评论 -
Vue.js 学习笔记(八)
ajax请求官方的ajax依赖是axios还有一个忘了是什么,在vue2.x之后用的不多npm安装命令:npm install --save axios安装好之后就可以使用了axios有两个方法用于请求数据:get(url),post(url)两个函数都是promise函数,所以完全的用法是axios.get(url).then(function).catch(function)t...原创 2019-07-21 16:03:33 · 111 阅读 · 0 评论