摘要:
Vue收集表单数据总结: <input type="text"/>,则v-model收集的是value值,用户输入的就是value值。 <input type="radio"/>,则v-model收集的是value值,且要给标签配置value值。 <input type="checkbox"/> 没 阅读全文
摘要:
Vue监视数据总结 vue会监视data中所有层次的数据 如何监测对象中的数据 通过setter实现监视,且要在new Vue时就传入要监测的数据 对象中后添加的属性,Vue默认不做响应式处理 如需给后添加的属性做响应式,请使用如下API:Vue.set(target,propertyName/in 阅读全文
摘要:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>列表排序</tit 阅读全文
摘要:
列表过滤--监听属性过滤 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <ti 阅读全文
摘要:
react、vue中key的作用(key的原理?): 虚拟DOM中key的作用: key是虚拟DOM对象的标识,当张贴中的数据发生变化时,vue会根据--新数据,生成 新的虚拟DOM,随后vue进行 新虚拟DOM与 旧虚拟DOM的差异比较。 比较规则如下: 对比规则 旧虚拟DOM中找到了与新虚拟DO 阅读全文
摘要:
总结: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>列表渲染< 阅读全文
摘要:
条件渲染总结: v-if 写法: v-if="表达式" v-else-if="表达式" v-else="表达式" 适用于:切换频率较低的场景 特点:不展示DOM元素直接被移除 注意:v-if可以和v-else-if、v-else一起使用,但要求其结构不能被“打断”——即,中间不能有其他元素 v-sh 阅读全文
摘要:
监视属性和计算属性对比:computed和watch之间的区别 计算属性computed能完成的功能,watch都可以完成 监听属性watch能完成的功能,computed计算属性不一定能完成,例如:watch可以进行异步操作 两个重要小原则: 所被Vue管理的函数,最好写成普通函数,这样this的 阅读全文
摘要:
监视属性watch 示例一: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> < 阅读全文
摘要:
{ // Place your 全局 snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and // description. Add comma separated i 阅读全文