Vue.js 第628页
-
jquery结合html实现中英文页面切换
目的:前端(只采用thymeleaf模板+jquery) 实现国际化 由:前端没有采用流行的vue.js angular 等框架,纯html不可以引用js中定...
-
使用Vue.js创建一个时间跟踪的单页应用
Vue.js很简单。正因为如此简单,人们常常认为其适合于小项目。虽然真正的Vue.js核心知识只是一个视图层库,实际上有一组工具,将使您能够使用Vue.js构建...
-
Vue 固定头 固定列 点击表头可排序的表格组件
原理是将原table的指定行,指定列clone一份放在其上 实现代码如下: <template> <div>...
-
深入浅析Vue组件开发
前言 这里讲的主要是想谈谈基于Vue的一个组件开发。不得不说的一点就是,在实际的Vue项目中,页面中每一个小块都是由一个个组件(.vue文件)组成,经过抽离后...
-
Angular和Vue双向数据绑定的实现原理(重点是vue的双向绑定)
我在整理javascript高级程序设计的笔记的时候看到面向对象设计那章,讲到对象属性分为数据属性和访问器属性,我们平时用的js对象90%以上都只是用到数据属性...
-
用Vue.js实现监听属性的变化
前言 创建 Vue 实例时,Vue 将遍历 data 的属性,通过 ES5 的 Object.defineProperty 将它们转为 getter/sett...
-
Vue.js源码分析(三十二)总结
第一次写博客,坚持了一个多月时间,Vue源码分析基本分析完了,回过头也看也漏了一些地方,比如双向绑定里的观察者模式,也可以说是订阅者模式,也就是Vue里的Dep...
-
Vue.js源码分析(三十一)高级应用keep-alive组件详解
当使用is特性切换不同的组件时,每次都会重新生成组件Vue实例并生成对应的VNode进行渲染,这样是比较花费性能的,而且切换重新显示时数据又会初始化,例如:&l...
-
Vue.js源码分析(三十)高级应用函数式组件详解
函数式组件比较特殊,也非常的灵活,它可以根据传入该组件的内容动态的渲染成任意想要的节点,在一些比较复杂的高级组件里用到,比如Vue-router里的<ro...
-
Vue.js源码分析(二十九)高级应用transition-group组件详解
对于过度动画如果要同时渲染整个列表时,可以使用transition-group组件。transition-group组件的props和transition组件类...
-
Vue.js源码分析(二十八)高级应用transition组件详解
transition组件可以给任何元素和组件添加进入/离开过渡,但只能给单个组件实行过渡效果(多个元素可以用transition-group组件,下一节再讲),...
-
Vue.js源码分析(二十七)高级应用异步组件详解
当我们的项目足够大,使用的组件就会很多,此时如果一次性加载所有的组件是比较花费时间的。一开始就把所有的组件都加载是没必要的一笔开销,此时可以用异步组件来优化一下...
-
Vue.js源码分析(二十六)高级应用作用域插槽详解
普通的插槽里面的数据是在父组件里定义的,而作用域插槽里的数据是在子组件定义的。有时候作用域插槽很有用,比如使用Element-ui表格自定义模板时就用到了作用域...
-
Vue.js源码分析(二十五)高级应用插槽详解
我们定义一个组件的时候,可以在组件的某个节点内预留一个位置,当父组件调用该组件的时候可以指定该位置具体的内容,这就是插槽的用法,子组件模板可以通过slot标签(...
-
Vue.js源码分析(二十四)高级应用自定义指令详解
除了核心功能默认内置的指令 (v-model 和 v-show),Vue 也允许注册自定义指令。官网介绍的比较抽象,显得很高大上,我个人对自定义指令的理解是:当...