vue3.x
kailiteking
这个作者很懒,什么都没留下…
展开
-
vue3.0 模块化简介
在vue3.0中使功能模块化使用建议在src目录中新建hooks文件夹,用于存放模块化功能例如,要实现在很多的模板中都需要使用鼠标的位置信息,可以在hooks 文件夹中单独创建一个ts文件,写入如下代码// 导入需要的函数import {reactive, toRefs, onMounted, onUnmounted} from 'vue'// 创建函数function useMousePosition() { // 创建reactive对象,也可以使用ref方法 const原创 2020-10-30 10:14:59 · 1438 阅读 · 0 评论 -
vue3.0 watch简介
const value1 = ref('')const data = reactive({ value2: 0})watch([value1, () => data.value2],(newValue, oldValue) => { document.title = value1.value + data.value2 // 函数包含更新前,更新后的值 console.log(newValue); console.log(oldValue);})watch()第一个原创 2020-10-30 09:59:50 · 2303 阅读 · 0 评论 -
vue3.0 生命周期简介
setup() 替代beforecreate -> use setup()created -> use setup()前面加onbeforeMount -> onBeforeMountmounted -> onMountedbeforeUpdate -> onbeforeUpdateupdated -> onUpdatedactivated -> onActivateddeactivated -> onDeactivatede...原创 2020-10-29 17:10:16 · 2726 阅读 · 0 评论 -
vue3.0 更进一步
vue reactive,toRef 使用reactive()传入一个obj对象,可以将一系列的响应式数据放进去,一次性导出修改其中的值时,不需要加.value,但是需要在前面加data.ts语法中,在其中使用computed()函数时,会导致无法推算data类型而报错,并不影响结果,或创建一个interface指定给data即可消除警告使用 ...data 展开data即可在模板中省略data.reactive()导出的对象是普通的js类型,并不是响应式的数据toRefs()原创 2020-10-28 18:33:46 · 242 阅读 · 0 评论 -
vue3.0 初见
vue 3.X setup,ref和computed的使用vue 2.X 写法<template> <div id="app"> <h1> {{ count }} </h1> <button @click="increase">+1</button> </div></template><script>export default{ name: 'app', data()原创 2020-10-28 18:32:44 · 75 阅读 · 0 评论