Vue3
最新的vue3
炎魔之王
这个作者很懒,什么都没留下…
展开
-
Vue3 中 DefineComponent 组件的Type,怎么正确声明vue组件的类型 TypeScript
找到shims-vue.d.ts 文件,可以看到declare module '*.vue' { import { DefineComponent } from 'vue' // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types const component: DefineComponent<{}, {}, any> export default原创 2021-08-17 14:47:59 · 4442 阅读 · 1 评论 -
vue3.2 正式语法 script setup <script setup>
vue3.2 将之前的实验功能变为正式功能,在单文件组件中引入了一种新的脚本类型< script setup >。示例<script setup> import { ref } from 'vue' // 像在平常的setup中code // 但是不需要返回任何变量 const count = ref(0)//在此处定义的count可以直接在模板html中引用 const inc = () => {//函数也可以直接引用,而不用返回 count原创 2021-08-17 17:29:34 · 7069 阅读 · 1 评论 -
Vue3.2 新正式属性 Effect Scope API -- Vue
一起学习Vue,关注我,不迷路~在Vue的setup中,响应会在开始初始化的时候被收集,在实例被卸载的时候,响应就会自动的被取消追踪了,这时一个很方便的特性。但是,当我们在组件外使用或者编写一个独立的包时,这会变得非常麻烦。当在单独的文件中,我们该如何停止computed & watch的响应式依赖呢?//(vue-RFC示例代码)const disposables = []const counter = ref(0)const doubled = computed(() =>原创 2021-08-21 21:55:18 · 2171 阅读 · 0 评论 -
Vue3 ref sugar提案,vue $ref 语法
学习Vue3,关注不迷路。Vue3 的新语法糖: ref sugar当我们定义一个响应式ref变量时,会使用到ref,在获取它的值时,需要用var1.value这样的方式新的语法糖使我们不需要再调用value。它是这样使用的:let a =$ref(1)a++;//不需要.value上面我们使用$ref 替换了ref,这样定义的变量在setup中使用就不需要展开。现在直接写在项目中是不行的,需要在vue插件选项中开启:vue({ script:{ refSugar:tr原创 2021-08-23 20:44:29 · 3254 阅读 · 0 评论