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 · 149 阅读 · 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 · 217 阅读 · 0 评论 -
Vue.js中的关键词解释（总结）
目录： 1.虚拟Dom 2.：key 3. 渐进式 4. MVVM 5. 数据绑定 虚拟DOM Web界面由DOM树(树的意思是数据结构)来构建，当其中一部分发生变化时，其实就是对应某个DOM节点发生了变化， 虚拟DOM就是为了解决浏览器性能问题而被设计出来的。如前，若一次操作中有10次更新DOM的动作，虚拟DOM不会立即操作DOM，而是将这10次更新的diff内容保存到本地一个J...转载 2019-07-18 22:26:27 · 1240 阅读 · 0 评论 -
Vue.js 学习笔记（四）
一、事件处理 时间处理中最重要的是对事件的捕获和冒泡，以及对默认行为的阻止 事件的捕获：一个鼠标点击事件，如果在该坐标有多层DOM，则从上到下进行捕获 事件的冒泡：从下向上进行冒泡，执行回调函数 默认行为的阻止（preventDefault）：阻止事件默认行为的发生，如form表单的跳转，超链接的跳转 示例代码及分析 <!DOCTYPE html> <html> &...原创 2019-07-19 10:09:51 · 140 阅读 · 0 评论 -
Vue.js 学习笔记（一）
一、为什么开始学习Vue.js 现在找web前端工作，基本都会要求会vue、react、angular三大框架其中之一（注：不管学什么框架，都必须要先学习原生js和jquery，对前端开发的理解和思想有很大的提升） angular在国内没什么市场 ， react语法比较难（但是掌握之后运用方便）...原创 2019-07-17 21:34:25 · 162 阅读 · 0 评论 -
Vue.js 学习笔记（五）
一、生命周期 每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。 常用的钩子函数有mounted（挂载完成），beforeDestroy（被销毁之前），updated（更新完成），beforeUpdate（更新...原创 2019-07-20 15:53:13 · 111 阅读 · 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 · 217 阅读 · 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 · 164 阅读 · 0 评论