组件声明周期有四个过程: 创建、挂载、更新、销毁 这四个过程对应的有八个钩子函数 beforeCreate created beforeMount mounted beforeUpdate updated beforeDestroy destroyed 我们一般会把数据请求放在created(有些人 ...
分类:
其他好文 时间:
2018-12-16 23:34:25
阅读次数:
124
本文主要介绍了vue-router相关基础知识及单页面应用的工作原理,写的十分的全面细致,具有一定的参考价值,对此有需要的朋友可以参考学习下。如有不足之处,欢迎批评指正。 单页面工作原理是通过浏览器URL的#后面的hash变化就会引起页面变化的特性来把页面分成不同的小模块,然后通过修改hash来让页 ...
分类:
其他好文 时间:
2018-12-13 17:46:33
阅读次数:
159
一、回顾vue中的生命周期 beforeCreate created beforeMount mounted beforeUpdate updated beforeDestroy destroyed activated deactivated 二、react生命周期钩子函数 初始化阶段 constr ...
分类:
其他好文 时间:
2018-12-11 21:44:44
阅读次数:
243
一、vue-router路由 1、介绍 vue-router是Vue的路由系统,用于定位资源的,在页面不刷新的情况下切换页面内容。类似于a标签,实际上在页面上展示出来的也是a标签,是锚点。router需要相应的js文件,可到官网下载或者使用CDN: https://unpkg.com/vue-rou ...
分类:
其他好文 时间:
2018-12-09 23:01:57
阅读次数:
240
一、VUE介绍 1、VUE实例 2、Vue 实例data 3、methods 4、computed 5、监听 watch 6、delimiters 修改插值表达式默认符号 7、生命周期钩子 表示一个VUE实例从创建到销毁的这个过程,将这个过程中的一些时间节点赋予了对应的钩子函数 钩子函数:满足特定条 ...
分类:
其他好文 时间:
2018-12-09 01:04:39
阅读次数:
257
1.理解什么是预处理? 当我们在操作一个对象或者方法时会有几种动作,比如:在运行函数前初始化一些数据,在改变对象值后做一些善后处理。这些都算钩子函数,Proxy的存在就可以让我们给函数加上这样的钩子函数。 Proxy进行预处理可以简单理解为:执行方法前,先预处理代码(预热工作)。 2.对比引入Pro ...
分类:
其他好文 时间:
2018-12-08 00:21:02
阅读次数:
146
一、vue-router路由 1、介绍 vue-router是Vue的路由系统,用于定位资源的,在页面不刷新的情况下切换页面内容。类似于a标签,实际上在页面上展示出来的也是a标签,是锚点。 2、路由注册 1. 定义一个路由匹配规则和路由对应组件的对象 2. 实例化VueRouter对象 并把匹配规则 ...
分类:
其他好文 时间:
2018-12-05 22:57:06
阅读次数:
266
一.关于路由 1.使用vue router 本质上是声明一种可以通过路径进行 挂子,用子 找到对应的 template 进行页面渲染 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Tit ...
分类:
其他好文 时间:
2018-12-05 02:00:09
阅读次数:
166
一.vue的介绍 前端框架和库的区别 node.js的简单使用 vue的起步 指令系统 组件的使用 过滤器的使用 watch和computed 钩子函数 二.渐进的JavaScript框架 三.前端框架和库的区别 1.功能上的不同 2.代码上的不同 3.框架的使用 初始化自身的一些行为 执行你所编写 ...
分类:
其他好文 时间:
2018-11-30 22:33:08
阅读次数:
293
created(){ this.changfouce(); }, methods: { //在vue生命周期的created()钩子函数进行的DOM操作要放在Vue.nextTick()的回调函数中, //因为created()钩子函数执行的时候DOM并未进行任何渲染,而此时进行DOM操作是徒劳的,... ...
分类:
其他好文 时间:
2018-11-30 15:34:25
阅读次数:
231