Vue3基础——生命周期
Vue2生命周期 Vue2组件的生命周期有4个,每个周期对应两个生命周期回调 创建:beforeCreate、created,只调用一次 挂载:beforeMount、mounted,只调用一次 更新:beforeUpdate、updated,每次修改数据都会调用 销毁:beforeDestroy、destroyed,只调用一次 Vue3生命周期 创建:使用...
Vue2生命周期 Vue2组件的生命周期有4个,每个周期对应两个生命周期回调 创建:beforeCreate、created,只调用一次 挂载:beforeMount、mounted,只调用一次 更新:beforeUpdate、updated,每次修改数据都会调用 销毁:beforeDestroy、destroyed,只调用一次 Vue3生命周期 创建:使用...
开始 监视用于监视数据的变化从而执行某些流程 Vue3只能监视四种数据 ref响应式数据 reactive响应式数据 返回一个值的getter函数 一个包含上述值的数组 监视ref数据 watch函数传入ref变量和一个回调函数,返回一个停止函数,调用可停止监视 <script setup lang="ts"> import { ref, watc...
setup函数 setup函数是使用组合式API的位置 export default { name: 'MyVue', setup() { // ... } } setup函数的返回值是一个对象,其中包含模板使用的变量和函数 <script lang="ts"> export default { name: 'MyVue', setup() ...
开始 通过v-on指令可监听元素的事件,简写为@,指令的value可以是内联的JavaScript语句或者方法调用 内联事件处理器 <button @click="count++">Add 1</button> 在内联事件处理器中访问事件参数 <!-- 使用特殊的 $event 变量 --> &l...
插值语法 适用于元素的文本内容,使用双大括号 <div> {{message}} </div> 若需要仅插值一次,加上v-once指令 <div v-once> {{message}} </div> 指令语法 vue中的指令以v-开头,支持HTML元素属性的绑定,使用指令时,引号的部分作为JavaScript表达...
条件渲染 条件渲染用于根据条件结果来选择性的渲染HTML中的元素 v-if:当条件为true时,渲染元素 <h1 v-if="awesome">Vue is awesome!</h1> v-else-if:与else if效果相同,必须跟在v-if或v-else-if后面 v-else:与...
开始 通过Vite创建Vue项目,命令为npm create vue@latest,再运行npm i安装依赖 项目目录结构 public:存放项目公共资源 src:源代码目录 env.d.ts:ts环境文件,识别项目中的文件 index.html:项目入口 package.json:依赖管理文件 tsconfig.app.json、tsconfig.jso...
开始 依赖属性是WPF中的新概念,相对地,普通的属性被称为CLR属性(Common Language Runtime) 依赖属性与CLR属性最大的不同就是依赖属性的属性值可以通过Binding对象绑定到其他对象上,同时节省了UI元素实例的属性内存开销 依赖对象:拥有依赖属性的类称为依赖对象,在初始化时并不分配依赖属性的内存空间,只提供获取默认值、借用其他对象数据或实时分配空间的能力,W...
开始 Service用于在Android中执行一些后台任务,实现多任务或者进程间通信 Service依赖于创建时所在的进程,当进程被杀死后,该进程的所有Service均失效 使用Service不会自动创建新的线程,若需要去实现一个耗时任务,创建新线程要注意避免Service运行在主线程引起的ANR问题(应用程序无响应) 创建Service 创建Service:继承Service...
文件存储 内部存储与外部存储 应用的存储区域在逻辑上分为内部存储和外部存储,机身存储和SD卡存储逻辑上都属于外部存储 应用在两个存储区域通过包名来标识,当删除应用时,两个存储区域的对应包名文件夹也会删除 内部存储 /data目录,存储SharedPreference和SQLite数据库,包含files和cache目录,非root手机中不可见 ...