Vue
文章平均质量分 61
Vue学习
小辰~
小白程序员,努力学习中!
展开
-
8个常用的Vue指令
Vue指令v-text设置标签的文本值<div id="app"> <h2 v-text="message"></h2> <!-- v-text指令会替换标签中所有内容 --> <h2 v-text="message">学习</h2> <h2 v-text="message+'!!!'"></h2> <h2>{{message}}学习</h2>原创 2020-10-22 22:51:36 · 521 阅读 · 2 评论 -
Vue监视数据
Vue监视数据的原理:1. vue会监视data中所有层次的数据。2. 如何监测对象中的数据? 通过setter实现监视,且要在new Vue时就传入要监测的数据。 (1).对象中后追加的属性,Vue默认不做响应式处理 (2).如需给后添加的属性做响应式,请使用如下API: Vue.set(target, propertyName/ index, value) 或Vm.$set(target, propertyName/ index, value )......原创 2022-06-22 15:26:42 · 200 阅读 · 0 评论 -
Vue列表过滤与排序
Vue列表过滤与排序原创 2022-06-22 15:24:09 · 113 阅读 · 0 评论 -
Vue列表渲染
react、vue中的key有什么作用? (key的内部原理)示例:原创 2022-06-22 15:22:45 · 149 阅读 · 0 评论 -
Vue绑定样式
Vue绑定样式原创 2022-06-22 15:19:06 · 63 阅读 · 0 评论 -
Vue监视属性
监视属性:watchcomputed和watch之间的区别:1.computed能完成的功能,watch都可以完成。2.watch能完成的功能computed不一定能完成,例如:watch可以进行异步操作。两个重要的小原则:1.所被Vue管理的函数,最好写成普通函数,这样this的指向才是vm或组件实例对象。2.所有不被Vue所管理的函数(定时器的回调函数、ajax的回调函数等、Promise的回调函数),最好写成简头函数,这样this的指向才是vm或组件实例对象。示例:......原创 2022-06-22 15:16:11 · 55 阅读 · 0 评论 -
Vue计算属性
对于任何包含响应式数据的复杂逻辑,都应该去使用计算属性(computed)。示例:原创 2022-06-22 15:08:17 · 46 阅读 · 0 评论 -
Vue键盘事件
Vue中常用的按键别名:回车=> enter删除=> delete (捕获“删除”和“退格”键)退出=> esc空格=> space换行=> tab(需配合keydown使用,因为tab会切换焦点)上=>up下=> down左=> left右=> rightVue未提供别名的按键,可以使用按键原始的key值去绑定,但注意要转为kebab-case (短横线命名) 例如:CapsLock需要写为caps-lock系统修饰键(用法特殊) : ctrl、 alt、 shift、meta.....原创 2022-06-22 15:05:54 · 353 阅读 · 0 评论 -
Vue事件处理
事件的基本使用:1.‘v-on:‘简写为’@’2.事件的回调需要配置在methods对象中,里面不要使用箭头函数,否则this就不是vm了而是windows3.有参函数不想传参可以不写括号,事件参数可以传入$eventVue中的事件修饰符:(可以用.连接一起使用,如@click.prevent.stop)1.prevent:阻止默认事件2.stop:阻止事件冒泡3.once:事件只触发一次4.capture:使用事件的捕获模式(原本是先捕获再冒泡,冒泡时处理函数,捕获模式就是在捕获的时候就可以原创 2022-06-22 15:05:07 · 215 阅读 · 0 评论 -
Vue中数据代理
模拟Vue中数据代理原创 2022-06-22 15:01:03 · 67 阅读 · 0 评论 -
Vue中el与data的两种写法
new Vue的时候配置el属性先创建Vue实例,然后通过vm.$mount(‘#app’)指定el的值对象式函数式(用组件的时候必须使用函数式)原创 2022-06-22 14:58:22 · 135 阅读 · 0 评论