![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 89
01xm
慢慢又漫漫
展开
-
【Vue】长列表实践
长列表实践原创 2022-09-26 15:00:00 · 463 阅读 · 1 评论 -
【Vue】进阶(一) 脚手架(vue-cli) 环境搭建和应用示例
@TOC原创 2021-11-29 21:42:28 · 702 阅读 · 0 评论 -
【Vue】基础(五) 数据及事件绑定与监听、值绑定
数据及事件绑定一、数据绑定单向绑定二、表单控件绑定三、值绑定.lazy(懒加载)修饰符.number修饰符.trim修饰符四、事件绑定与监听方法及内联处理器修饰符五、class与style的绑定绑定class绑定内联样式一、数据绑定单向绑定单向绑定:把 Model 绑定到 View 后,当用 JavaScript 代码更新 Model 时,View 会自动更新。因此,我们不需要进行额外的 DOM 操作,只需要进行 Model 操作就可以实现视图的联动更新。单向绑定的实现过程是:所有数据只保存一份原创 2021-11-25 23:22:43 · 1536 阅读 · 0 评论 -
【Vue】基础(四) 过滤器 vue.filter
vue.filter介绍全局过滤器二、局部过滤器三、过滤器的串联四、综合示例五、面试题解析介绍在Vue.js中,过滤器主要用于文本的格式化,或者数组数据的过滤与排序等。从Vue.js2.0.0版本开始,内置的过滤器被删除了,如果使用过滤器,需要自己编写。过滤器可以用在两个地方:双花括号插值和v-bind表达式,使用时通过 管道符( | ) 添加到表达式的尾部使用。在双花括号中:{{ message | capitalize }}在 v-bind中:<div v-bind:id="raw原创 2021-11-25 22:53:31 · 7016 阅读 · 1 评论 -
【vue】基础(三) 实例与选项、computed属性、watch属性、三种模板、模板渲染
key属性推荐:使用 v-for 的时候提供 key 属性,以获得性能提升。说明:使用 key,Vue会基于 key 的变化重新排列元素顺序,并且会移除 key 不存在的元素。vue keyvue key属性的说明<div v-for="item in items" :key="item.id"> <!-- 内容 --></div>样式处理 -class和style使用方式:v-bind:class="expression" or :class原创 2021-11-25 22:22:25 · 808 阅读 · 2 评论 -
【Vue】基础(二) 指令语法、综合实例(v-bind | v-show | v-if | v-on | v-model | v-once | v-pre....)
Vue指令一、如何使用Vue1.、引入vue.js2、展示HTML3、建立一个vue对象二、指令v-textv-htmlv-bindv-onv-model栗子:v-for栗子:v-if 和 v-show一、如何使用Vue1.、引入vue.js2、展示HTML<div id="app"> <p>{{msg}}</p> <p>{{ 80+2 }}</p> <p>{{ 20>30 }}</p>原创 2021-11-25 11:19:03 · 850 阅读 · 0 评论 -
【Vue】基础(一) 初始 - 框架和库的区别 - 简单使用 - MVVM模式 - 创建Vue对象 - 双向数据绑定
Vue-渐进式JavaScript框架介绍库和框架的区别LibraryFramework主要区别MVVM的介绍MVCMVVM组成优势对比Vue中的MVVM学习Vue要转化思想起步 - Hello VueVue实例数据绑定双向数据绑定 Vue two way data bindingVue双向绑定的极简实现动态添加数据的注意点异步DOM更新指令v-textv-htmlv-bindv-onv-model栗子:v-for栗子:key属性样式处理 -class和stylev-if 和 v-show提升性能:v-pr原创 2021-11-20 11:46:10 · 774 阅读 · 1 评论