1. created(): 在模板渲染成html或者模板编译进路由前调用created(); mounted(): 已经完成模板渲染或el对应html渲染后调用。 2. v-on,v-bind,v-model v-on绑定事件,缩写"@",v-bind绑定属性和数据,缩写":",v-model用于表 ...
分类:
其他好文 时间:
2019-08-02 22:42:54
阅读次数:
103
vue 生命周期钩子函数 每一个 实例在创建时都需要经过一系列初始化。根据 实例化过程中执行的逻辑,可以分为5个阶段: 初始化阶段 模板编译阶段 虚拟 挂载阶段 响应更新阶段 卸载阶段 这个过程构成了 实例的生命周期。在每个阶段前后都暴露了一个钩子函数,称为生命周期函数,可以让我们在特定阶段注入自定 ...
分类:
Web程序 时间:
2019-05-20 01:03:05
阅读次数:
142
编译器会优先去调用普通函数,但是当函数模板有更好的匹配时或使用限定符<>时,编译器就会去匹配函数模板。 总结 - 函数模板是泛型编程在C++中的应用方式之一 - 函数模板能够根据实参对参数类型进行推导 - 函数模板支持显示的指定参数类型 - 函数模板是C++中重要的代码复用方式 - 函数模板通过具体 ...
分类:
编程语言 时间:
2019-05-19 14:38:52
阅读次数:
147
一angular是mvvm框架, 而vue是一个渐进式的框架, 相当于view层, 都有双向数据绑定, 但是angular中的双向数据绑定是基于脏检查机制, vue的双向数据绑定是基于ES5的getter和setter来实现, 而angular是有自己实现一套模板编译规则,vue比angular更轻 ...
分类:
其他好文 时间:
2019-04-25 21:32:05
阅读次数:
152
Vue 的模板编译是在 $mount 的过程中进行的,在 $mount 的时候执行了 compile 方法来将 template 里的内容转换成真正的 HTML 代码。 complie 最终生成 render 函数字符串,等待调用。这个方法分为三步: parse 函数解析 template opti ...
分类:
其他好文 时间:
2019-03-19 17:02:51
阅读次数:
178
刚接触vue,使用vue并没意识到生命周期的重要性。直到项目深入,在解决父组件异步加载数据传给子组件并渲染时首次渲染异常的问题时,浪费了很多时间,才发现自己对vue生命周期理解的欠缺。因此,这次专门重新学习一下vue的生命周期并总结在这里分享,希望对大家有所帮助。 首先上官方大图(是不是很高大上?然 ...
分类:
其他好文 时间:
2019-03-07 18:00:29
阅读次数:
226
一、模板实参推断 对于函数模板,编译器利用调用中的函数实参来确定其模板参数。从函数实参来确定模板实参的过程被称为模板实参推断。在模板实参推断过程中,编译器使用函数调用中的实参类型来寻找模板实参,用这些模板实参生成的函数与给定的函数调用最为匹配。 1、类型转换与模板类型参数 与非模板函数一样,我们在一 ...
分类:
其他好文 时间:
2019-01-31 01:29:55
阅读次数:
172
v-text:更新元素的text内容 页面: v-html:更新元素的innerHTML,这里面的内容不会作为Vue模板编译 页面: v-show:根据表达式之真假值,切换元素的 display CSS 属性 页面: v-if:根据表达式的值的真假条件渲染元素。在切换时元素及它的数据绑定 / 组件被 ...
分类:
其他好文 时间:
2019-01-24 20:08:24
阅读次数:
142
1. vue 2.0是用Flow做静态类型检查, 3.0对TypeScript的支持更好了; 2. vue.js是基于Rollup(更轻量,适合js库的构建)构建的,它的构建相关配置都在scripts目录下; 3. Runtime Only 版本(template模板编译为render函数) 和 R ...
分类:
Web程序 时间:
2018-12-19 23:26:06
阅读次数:
323
模板语法 Vue使用基于HTML的模板语法,允许开发者声明式的将DOM绑定至底层Vue实例的数据。 在底层的实现上,Vue将模板编译成虚拟DOM渲染函数。结合响应系统,Vue能够智能的计算出最少需要重新渲染多少组件,并把DOM操作次数减少到最少。 插值 (1)文本插值: 使用v once指令,可以执 ...
分类:
其他好文 时间:
2018-12-16 14:39:26
阅读次数:
155