vue
官方文档
- app.config 配置应用级的选项
- app.component 注册应用级的资源,确保组件在任何地方都是可用的
- 创建多个共存的vue应用,在同一个页面上,用vue控制一个大型页面中特殊的一小部分,则创建多个小的应用实例,分别将他们挂到所需的元素上
- v-bind,将元素的id attribute与组件的dynamic ID属性保持一致,如果绑定null或者undefined,则移除该元素
- v-bind 可以直接简写成:id, v-bind:id也可以
- const count = ref(0)
count.value = 0
直接接受参数,ref()
不然直接输出count就是{value:0}
- 避免一个页面一个createApp()
- <script setup>里面单独放函数,const和import
<template>里面放html - 用有.value的ref,而不是普通变量,具有深层响应性,哪怕是里面的嵌套,其变化也能被检测
const obj = ref({nest:... , arr:.. })
function mutateDeeply(){
obj.value.arr.push('baz')
}
- shallow ref 浅层ref,只有.value
- reactive()
const state =reactvive({count:0}) - 计算属性 computed(),复杂状态的响应逻辑,那个list可以用到这个,会缓存,只有响应式依赖更新的时候才重新计算
- 计算属性只读,需要读写的时候,拼装get,set
- computed()返回的是快照
- v-for 基于一个数组渲染一个列表,需要用到 v-for="item in xxxx",页面用得上
或者v-for = "(item,index) in items" - 通过key管理状态,v-for,列表就地更新,默认模式,前提是不依赖子组件状态或者临时dom状态
- 变更方法,将旧数组换成新的
- 输入 <input v-model="text">
- watch 直接作用于ref,侦听器,每次响应式状态发生变化时出发回调函数,默认懒执行,数据源变化才执行回调
- watch 和 watchEffect,不太明确,跳过
每一个段落都紧密相连,逻辑清晰,展现了作者高超的写作技巧。
五郎八卦棍粤配
狄仁杰之幽兵借路
彻夜狂欢
跨越时空的爱
互换假期
油鬼子
新龙门客栈
鬼娃回魂3
黄金岁月
门
贤妻
心变
我机器人
亚洲犯罪网
缪斯
倒数回击
我的防疫伙伴
异界余生
律法之地
女心理师之心迷水影
不虚此行
瓜棚女杰
谍影重重5
跨越时空的爱
逃离酒庄
碧血剑
终极拦截
好人寥寥
可爱的你五個小孩的校長
荒岛惊魂1966
禁忌的游戏
自由
刚果惊魂
小教父
少女不毕业
城市猎人
武松斗杀西门庆
柔情史
美国之旅
步枪俱乐部
糖宝
狄仁杰之夺命妖僧
火烧圆明园
最后的晚餐
女英雄飞车夺宝
与神同行2因与缘
误杀瞒天记
猎心之骨证
红尾鸽
赘婿之吉兴高照
圣诞计划
危险证据
她说
吞噬星空剧场血洛大陆
记忆大师
四大才子番外之真假唐伯虎
海岛巨蟒
击雪
孤堡疑云
忠诚
战锋对决
唤醒
条子骇客
光明守护者
你的每一次呼吸
危险证据
神出鬼没ghosted
德古拉父子
复仇女神
油鬼子
惊爆十三天
乔治湖
一触即发
变形金刚5最后的骑士
奇迹
好像也没那么热血沸腾
梦犯
真心话
梦想之城
芝拉克
食肉动物
变形金刚5最后的骑士
谍徒迷局