摘要：
在项目所需要注意的问题 typeScript 的使用首先是在对props的约束上 在子组件接收的时候 使用propstype对参数进行约束，同时export这个Interface 对传递的参数也进行相应的约束 vue3获取相关的DOM节点 变量名称和元素的ref属性值相同：就是你定义的这个ref的名 阅读全文
posted @ 2022-06-09 16:51
无梦南柯
阅读(163)
评论(0)
推荐(0)
摘要：
@ vue3 script setup 语法 保证版本在3.2以上，单文件组件的新语法才能使用 1.）更少的样板内容，更简洁的代码。 2.）能够使用纯 Typescript 声明 props 和抛出事件。 3.）更好的运行时性能 (其模板会被编译成与其同一作用域的渲染函数，没有任何的中间代理)。 4 阅读全文
posted @ 2022-05-31 15:26
无梦南柯
阅读(718)
评论(0)
推荐(0)
摘要：
例子 这个就是组件树的基础上 直接创建provide这个，这样在所有的子组件上面就都可以 Inject到了 组件实用的例子 我看别人写的 假如 我们需要TodoList组件向TodoListStatistics 传递一个user参数 1）TodoList 从vue中引入provide ，provid 阅读全文
posted @ 2022-05-30 16:23
无梦南柯
阅读(72)
评论(0)
推荐(0)
摘要：
@ 异步组件加载使用 就是你使用的子组件在还没有加载完成的时候 和 加载完成的之后的使用 在子组件中的setup中需要返回一个promise 这个组件就是3秒之后 加载返回result的结果 <template> <h1>{{result}}</h1> </template> <script lan 阅读全文
posted @ 2022-05-30 16:09
无梦南柯
阅读(85)
评论(0)
推荐(0)
摘要：
teleport 这也是一个新的特性 将对应的组件直接可以挂载到根页面元素上 举例子： 这是一个全局的提示框 在使用的时候需要，需要在别页面中进行引用， 可以添加teleport to属性可以添加跟组件的样式选择器 <template> <teleport to="#teleport"> <div 阅读全文
posted @ 2022-05-30 15:15
无梦南柯
阅读(49)
评论(0)
推荐(0)
摘要：
这一节单讲，vue3的升级的变化 useURLLoader 这一节说的就是你使用axios的时候 返回的一个响应式的返回结果 声明的就是一个响应式对象 返回对应的连接 使用ts进行泛型改造 类型约束 就是你获取上面的那个类型的时候没有相应的值 所以使用泛型进行约束 vue2 在使用 typescri 阅读全文
posted @ 2022-05-30 10:33
无梦南柯
阅读(72)
评论(0)
推荐(0)
摘要：
@文章目录 通过模块拆分的形式来完成这个案例 我觉得目的是什么呢？就是你想 你之前在Vue2中时候创建一个组件的带响应的，只能去创建一个组件，才能完成相应的调用 但是vue3的新特性可以完成这个只需要使用那一块代码的形式就能完成你的这个作用 点击获取鼠标当前的位置 在.vue文件里面 <templa 阅读全文
posted @ 2022-05-26 17:36
无梦南柯
阅读(254)
评论(0)
推荐(0)
摘要：
@ 新的生命周期 修改了两个名称 ，为了更好的语义化 setup中可写的生命周期函数 运行： 首选需要导入 import { onMounted , onUpdated } from 'vue' 然后在setup中 onMounted( ()=> { console.log('onMounted') 阅读全文
posted @ 2022-05-25 16:02
无梦南柯
阅读(263)
评论(0)
推荐(0)
摘要：
@目录使用setup函数改写使用ref响应式对象更进一步使用reactive 响应式对象torefs转化响应式对象响应式对象Proxy 的更新使用总结 有个这个连接得看下 就是讲的新特性的区分https://www.jianshu.com/p/9c3e7cd3dff3 使用setup函数改写 使用r 阅读全文
posted @ 2022-05-24 18:11
无梦南柯
阅读(115)
评论(0)
推荐(0)
摘要：
@目录一.使用vli创建vue3二.使用vite创建vue3三.文件目录vue-cli-service使用这个来运行 本地服务main.js四.插件五.ESLint的代码规范 （二）Vue3新特性 Composition API ref 和 reactive computed 和 watch 新的生 阅读全文
posted @ 2022-05-24 14:08
无梦南柯
阅读(543)
评论(0)
推荐(0)
浙公网安备 33010602011771号