![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue 3.x
文章平均质量分 85
向vue 3.x转型,并分析其新特性
程序不了猿
一个还在成长的程序员,分享自己学到的点滴经验。
展开
-
it does not have a type annotation and is referenced directly or indirectly in its own initializer
关于在vue3 reactive中使用TypeScript时,出现'state' implicitly has type 'any' because it does not have a type annotation and is referenced directly or indirectly in its own initializer.报错。关于这个错误的解释是:“state”隐式具有类型“any”,因为它没有类型注释,并且在其自己的初始化程序中直接或间接引用。解决方案出现这个问题时由原创 2021-03-02 17:06:53 · 3081 阅读 · 1 评论 -
【vite+vue3.0】基于vite写一个将md文件渲染为js文件的插件
基于vite写一个将md文件渲染为js文件的插件前言尤大是这么描述 Vite 的:「一个基于浏览器原生 ES imports 的开发服务器。利用浏览器去解析 imports,在服务器端按需编译返回,完全跳过了打包这个概念,服务器随起随用。同时不仅有 Vue 文件支持,还搞定了热更新,而且热更新的速度不会随着模块增多而变慢。针对生产环境则可以把同一份代码用 rollup 打包。」这篇博客笔者想分享编写Vite插件【md文件渲染为js文件】的技术栈:md插件源码地址相关文章基于vue3原创 2021-01-18 15:24:40 · 2763 阅读 · 19 评论 -
【Vue3 造轮子项目 】kaiteUI中利用Custom Block(自定义块)和vite实现代码渲染器
关于kaiteUI中通过json数据实现代码渲染器前言上礼拜笔者分享了搭建UI框架的技术栈,其中一个较为关键的技术——代码渲染器,由于篇幅问题放到了今天这篇博客中给大家做一个详细的分析解读。在这里先分析一下上篇博客内容—— 基于vue3.0 + vite + TypeScript 实现一个UI框架 - kaiteUI,这篇主要是通过基于vue3.0 + vite + TypeScript技术框架来实现一个UI框架,笔者自己搭建框架的初衷是运用并巩固最近学习的vue3.0新特性。技术栈废话不多说,原创 2021-01-16 10:32:40 · 2881 阅读 · 15 评论 -
【Vue3 造轮子项目 ------ kaite-ui】基于vue3.0 + vite + TypeScript 实现一个UI框架 - kaiteUI
基于vue3.0 + vite + TypeScript 实现一个UI框架 - kaiteUI前言前段时间笔者一直忙于学习Vue3方面新知识,比如如何从vue2.0版本过渡到vue3.0,如何理解vue3.0的新接口Composition API等等,笔者相信随着vue3.0正式版的发布,企业的需求量增大,掌握vue3.0将会是一个必要的升职加薪的技能。本片文章并非是vue3.0学习知识点,而是通过基于vue3.0 + vite + TypeScript技术框架来实现一个UI框架。由于vue3.0刚原创 2021-01-07 09:06:53 · 1439 阅读 · 4 评论 -
【vue 3.x】利用name参数实现组件的递归调用
利用name参数实现组件的递归调用一、name的定义官方文档:给出name的定义:翻译:允许组件在其模板中递归调用自身。 请注意,当组件在Vue.createApp({}).component({})中进行全局注册时,全局ID会自动设置为其名称。指定name选项的另一个好处是调试.命名的组件会产生更有用的警告消息。 另外,在vue-devtools中检查应用程序时(打开新窗口),未命名的组件将显示为<AnonymousComponent>,这不是很有用。 通过提供name选项,您将获原创 2020-12-20 13:49:34 · 1755 阅读 · 1 评论 -
【vue】[vue/no-multiple-template-root] The template root requires exactly
Vue:The template root requires exactly one element.的解决办法这是因为vue的模版中只有能一个根节点,所以在中插入第二个元素就会报错<template> <div> hi </div> <Frank/></template>解决方案:将中的元素用一个大的包起来,这样就可以在其中添加多个元素了,可以参考以下示例:<template>原创 2020-12-15 10:10:26 · 5405 阅读 · 0 评论 -
【VUE 3】浅谈Vue2 和 Vue3使用上的区别
浅谈Vue2 和 Vue3使用上的区别引言本人最近正在利用 vite + Vue3 +TypeScript 框架做一个造轮子项目,本人也在Vue2向Vue3转型,所以在这里分享一下我在项目构建的过程中的一点总结、心得吧!区别1.Vue 3 的 Template 支持多个根标签,Vue 2 不支持vue2: 组件中只能有一个根标签<template> <div>根元素 示例</div></template>vue3:可以有多个根标签&原创 2020-12-19 17:04:06 · 3431 阅读 · 4 评论 -
【VUE 3.x】深入破解vue3.x新特性
深入破解vue3.x新特性一、基础准备了解常见的ES6新特性1. ES6的导入导出语法2. 解构赋值3. 箭头函数4. …剩余操作符了解VUE2.X的基本使用组件常用指令生命周期函数computed、watch、ref 等了解TypeScript的基本使用1.语法与JS兼容(初期使用可以当做js来用)二、关键背景在 Vue.js 伦敦大会上,Vue.js 作者尤雨溪简要介绍了 Vue 下一个主要版本要发布的内容,2018年9 月 30 日,尤雨溪在 medium 个原创 2020-12-20 09:39:21 · 774 阅读 · 1 评论