vue3.0+Ts

vue3.0+ts优化SEO问题~这个坑卡了我好久

博客写完了，到了要上线时候才想起来要优化不优化的话不利于爬虫的抓取这样就没办法排名靠前啊~~可是优化这方面我又不懂，就简单的了解一下。渲染主要分（CSR）客户端跟（SSR）服务端。可是vue就是CSR，检查源代码并没有东西，这可不行啊这不利于爬虫。然后一个下午各种百度，发现了有SSR渲染和预渲染都可以做到生成一个静态HTML，这传统的html静态页面就对爬虫很有利，反正我需要渲染的页面不多就首页跟
橙子cms·2024-01-26 07:48

vue3.0的学习笔试，持续更新，

笔记，跟着coderwhy老师的vue3.0+TS课程来整理的，有兴趣可以购买一下哦购买地址5-12邂逅Vue1、认识vue一套用于构建用户界面的渐进式框架渐进式：表示我们可以在项目中一点点来引入和使用
嘤嘤怪呆呆狗·2024-01-14 08:32

Vue3.0+TS整合codemirror

1.安装codemirrornpminstallvue-codemirror--save2.版本号"codemirror":"^5.65.2",3.编写组件例：mirrorTextArea.vue（组件名称,具体名称以各自项目规范为准）//引入全局实例import_CodeMirrorfrom"codemirror/lib/codemirror.js";//核心样式import"codemirro
敲飞键盘·2024-01-01 14:03

vue3.0+TS使用

ts+ref//定义简单数据类型//需要注意，指定了一个泛型参数但没有给出初始值，那么最后得到的就将是一个包含undefined的联合类型：//推导得到的类型：Refconstshow=ref(false);或者constshow：Ref=ref(false);//简单数据类型赋值consthandleShow=():void=>{show.value=true}//---------------
零凌林·2023-10-22 06:58

uniapp vue3.0+TS 上传单张或多张图片，并且能删除和预览。

一、uniappvue3.0+TS上传单张或多张图片，并且能删除和预览。效果：人菜话不多先上效果：二、代码1.HTML上传图片相关代码代码如下：2.TS上传图片相关代码代码如下：import{ref,reactive}from"vue";import{onLoad}from"@dcloudio/uni-app";import{examine}from"@/api";constfileList=re
造梦者FZ·2023-10-19 16:10

vite + vue3.0 + pinia + ts创建项目

1.通过vite创建vue3.0+ts项目yarncreatevite//输出项目名称Projectname:›vite-project//选择使用技术栈?
没名字的名字·2023-10-14 08:08

uniapp 微信小程序 vue3.0+TS手写自定义封装步骤条（setup）

uniapp手写自定义步骤条（setup）话不多说先上效果图：setup.vue组件代码：index+1?'width:200rpx':'width:60rpx'">=index+1"/>=index+1?'circleactivecircle':'circle'">index+1?'lineactiveline':'line'"v-if="stepList.length>index+1">{{i
造梦者FZ·2023-10-13 13:56

vue3.0+ts项目初始化

创建项目使用npm安装vue-cli3.0和tsnpmi-g@vue/clitypescript@vue/cli需升级到高版本使用vuecreate命令快速搭建新项目的脚手架vuecreatevue-ts-v3vue-ts-v3项目名称，执行以上命令后，出现下面选项default：默认选项，babel、eslint只会引入这两个Manullyselectfeatures：手动选择，因要用到vue+
y向日葵·2023-10-09 06:45

【Vue3.0+Ts】—— composition API（一）

一、什么是compositionAPICompositionAPI是Vue的下一个主要版本中最常用的讨论和特色语法。这是一种全新的逻辑重用和代码组织方法·当前，我们使用所谓的OptionsAPI构建组件。为了向Vue组件添加逻辑，我们填充（选项）属性，例如数据，方法，计算的等。这种方法的最大缺点是，这本身并不是有效的JavaScript代码。您需要确切了解模板中可以访问哪些属性，以及此关键字的行为
ChocolateBar~·2023-10-01 01:24

vue3.0+ts +百度地图 使用个性化地图后报错setMapStyleV2

TypeError:Cannotreadpropertiesofundefined(reading'Mb')atQa.Jy(getscript?v=3.0&ak=q0E8XEa5jttOerj8cqXtoKd5KPwyQasv&services=&t=20220829195059:1:35351)atQa.$_(getscript?v=3.0&ak=q0E8XEa5jttOerj8cqXtoKd5
王哈哈wl·2023-09-24 21:34

vue3.0 + ts 项目实现pc端和移动端的适配+判断设备

vue3.0+ts项目实现pc端和移动端的适配写在前面：最近写前端项目需要做移动设配和PC端的适配，移动端适配包括了平板和各式各样的手机。
qiao若huan喜·2023-07-19 18:49

vue3.0+ts学习心得

:1.使用ref定义变量的时候，在setup中取值用x.value的方式；当普通变量不用ref，用a='xx'的形式改变的时候，template上的值不会更新，使用了ref，变量改变，template更新例如：ref定义负责类型的时候，在ref后面添加类型constfoo=ref('foo')vue提供了关于refde方法有isRef：判断是否是ref对象；unref：参数是一个ref，则返回内部
死鬼·2023-04-02 02:29

Vue3.0+TS 项目上手教程

转自：Vue3拥抱TypeScript的正确姿势：https://juejin.im/post/6875713523968802829一个完整的Vue3+Ts项目,支持.vue和.tsx写法项目地址：https://github.com/vincentzyc/vue3-demo.gitTypeScript是JS的一个超集，主要提供了类型系统和对ES6的支持，使用TypeScript可以增加代码的可
前端达人·2023-03-10 18:41

【VUE+TS】1.0 Vue3.0+TS打造企业级组件库

目的使用vue单元测试库保证代码质量开源项目的开发发布流程设计合理的设计广泛适用的API如何保证代码质量vue3的实现原理表单组件库高频场景交互复杂定制型高涉及到数据（校验）安全学习优点代码质量高适应场景丰富开源维护参与完善的发布流程源码（响应式原理）核心功能表单生成主体系统插件系统和其他表单组件库的区别无需编写代码：由json负责组装代码的要求。开源全栈通用：对于校验部分可以做到全栈跨平台拖拽实
bobokaka·2023-02-03 03:45

vue.config.js 的完整配置（超详细）

前段时间，对部门的个别项目进行Vue3.0+ts框架的迁移，刚开始研究的时候也是踩坑特别多，尤其我们的项目还有些特殊的webpack配置，所以，研究vue.config.js的配置的时候也是查阅了各种资料文档
前端开发小司机·2023-01-30 08:19

vite + vue3.0 + pinia + ts创建项目

1.通过vite创建vue3.0+ts项目yarncreatevite//输出项目名称Projectname:›vite-project//选择使用技术栈?
·2022-11-16 23:24

前端学习：vue3.0+tsx网易云移动端仿制版（部分遇到的问题以及解决办法）

使用到的技术前端vue3.0+tsrem布局更好适应不同移动端scssswiper.js首页轮播+部分内容滑动+搜索页tab后端node.js思路使用vue3.0+ts进行开发；cli安装方式在模块第一条
梦回吖·2022-10-15 17:10

在vue3.0+ts中axios比较好的封装（还用于react,vue2.0）——《项目小记》

常见的封装有五个步骤：引入axios配置axios基本配置，比如baseUrl,headers,timeout请求拦截响应拦截进行二次封装在http文件夹得index.ts中//1.引入axiosimportaxiosfrom'axios'enumMESS{"操作成功"=200,"密码错误"=401,"账号错误"=402,"请求异常"=404}//2.配置axios基本配置，比如baseUrl,h
影风莫·2022-09-27 07:36

手把手教学：VUE3+TS组件库开发与发布

以下用一个简单的组件来讲述基于Vue3.0+TS的组件从开发到发布npm仓库的全过程（参考element-plus）环境这里列出本文所使用的环境版本vue3.0vue/cli4.5.9nodeJs14.15.1npm6.14.8
韭阿哥·2022-09-05 19:56

简单易上手的vue3.0+ts实战小项目！！附带后台接口

vue3+Ts项目实战1.前言2.项目演示3.项目介绍4.配套的node服务5.vue3+ts的使用心得1.vue3的使用体会2.ts的体会‍♂️1.前言一直想体验一下vue3的开发使用，但是一直在推脱，正好最近也在学习Ts那不如直接做个小项目好了，在找项目的时候发现有的项目都比较大，但是一个经典todoList有显的太单调。拿起手机突然看到我小米手机中的原生便签应用，看起来还不错，于是就有了下面
木木林_·2022-06-05 07:32

Vue3.0+ts项目初体验总结

今天第一次接触vue3+ts的项目，非常不适应，好多地方和vue2+js区别还是很大的，这篇文章就总结一下自己在项目中遇到的问题，这篇文章是写给自己的，记录下来，防止以后忘记，小伙伴们可能看起来有点费力{{item.title}}{{item.description}}进入专栏import{defineComponent,PropType}from"vue";//定义一个接口exportinter
Mr.指尖舞者·2022-06-05 07:13

Vite ---- 创建Vue3.0+TS项目

Vite----创建Vue3.0+TS项目写在前面：npm和yarn以及其他的包管理工具都可以创建项目，例如pnpm，具体创建方法自行查阅Vite官网，这里不再赘述。
vk阿木·2022-02-17 13:33

如何搭建一个完整的Vue3.0 + ts 的项目

如何搭建一个完整的Vue3.0+ts的项目一、安装安装nodejs此处提供nodejs下载地址：https://nodejs.org/zh-cn/down...大家根据自己电脑的配置选择适配的LTS（最新稳定版本进行下载
·2021-10-18 13:51

在Vue3.0+ts中如何使用h函数

我要做的是一个菜单效果，是用的jsx语法，开发使用的是Vue3.0+ts开发的直接用模板编写工作台系统配置菜单列表UserBill使用tsx编写数据结构constdefaultMenu=[{name:'
·2021-10-16 10:22

如何搭建一个完整的Vue3.0+ts的项目步骤

相信9月18日尤大大的关于Vue3.0的发表演讲大家一定有所关注,现在Vue3.0也已经进入RC阶段（最终产品的候选版本，如果没有问题则可发布成为正式版本）。所以Vue3.0的学习是我们必然的趋势，今天，主要分享一下Vue3.0的详细搭建过程，希望可以为初入Vue3的小伙伴有所帮助。我们现在开始进入今天的主题啦~~一、安装1.安装nodejs此处提供nodejs下载地址：https://nodej
·2021-08-25 13:24

vue3.0-ts-Element集成的后台管理模板（全网最简洁模板）

如果你是新接触vue3.0+ts那这个新模板最不能错过！一、首页预览图：二、模板特点：1、最新vue+ts+Element集成开发。2、对于新接触vue3.0的码友特别友好。
·2021-07-29 18:04

vue3.0-ts-Element集成的后台管理模板（新接触vue3.0最好别错过）

如果你是新接触vue3.0+ts那这个新模板最不能错过！首页预览图：模板特点：1、最新vue+ts+Element集成开发。2、对于新接触vue3.0的码友特别友好。
·2021-07-28 12:07

vue3.0-ts-Element集成的后台管理模板（新接触3.0强力推荐）

如果你是新接触vue3.0+ts那这个新模板最不能错过！首页预览图：模板特点：1、最新vue+ts+Element集成开发。2、对于新接触vue3.0的码友特别友好。
·2021-07-27 18:59

Vue3.0+TS 简单封装axios

1.安装axios和js-cookienpmiaxiosjs-cookie@types/js-cookie-S2.在src目录下创建plugins文件夹，在里面创建cookie.ts封装一下js-cookieimportCookiesfrom'js-cookie';constTokenKey='token'constRefreshTokenKey='refresh-token'exportfunc
累累的·2021-07-06 11:37

vue3.0+ts使用原生高德地图解决方法

1.引入高德sdkfavicon.ico">2.为了防止打包时把高德纳入，我们需要在webpack中配置，这里以vue.config.js为例configureWebpack:config=>{config["externals"]={'AMap':"AMap"//高德地图配置};},3.声明文件，用了typescript，那么就是想运用到它的类型提醒功能，那么必不可少地需要引入高德地图的声明文件
十一_1996·2021-04-30 15:32

vue中引用svg，vue引入svg不显示，vue引用svg配置，vue3.0+ts如何配置svg

注意：如果按照下面配置正确发现svg依然无法显示可能s'v'g-sprite-loader的版本过高，重新指定版本下载[email protected],就可能正确显示svg。(vue3.0应该是没有这个问题的)还有就是可能是创建的icons不在src根目录（2.x最开始我尝试在assets中创建文件来装svg图标，但是并没有显示，换到根目录就正常了,具体应
摩登开发者Oliver·2021-03-29 10:39

vue3.0封装轮播图组件的步骤

开发一个轮播图组件，适用pc端，(暂无考虑app),使用于vue3.0+TS大致的实现效果是这样：图片自由轮播，对应圆点图片跳转，左右指示器跳转等。
·2021-03-09 22:12

Vue3.0初体验 - 新功能以及相关库使用

但搬砖的厂里有了新项目，领导提出新项目用vue3.0+ts踩坑的想法，那么vue3.0到底怎么玩，最近也稍微搞了下，下面快速和铁汁们分享一波基础的使用。
Ekko_·2020-11-20 21:44

Vue3.0初体验 - 新功能以及相关库使用

但搬砖的厂里有了新项目，领导提出新项目用vue3.0+ts踩坑的想法，那么vue3.0到底怎么玩，最近也稍微搞了下，下面快速和铁汁们分享一波基础的使用。
Ekko_·2020-11-20 16:53

vue3.0+ts $store抛出错误 property '$store' does not exist on type xxx

未找到store然后在网上找了很多资料也没有发现什么原因，在属性上打印出来也是有的，$router都可以使用，属性上是有的只能想了个临时解决办法，重新声明一下$store为any类型$store:anyimage.png对ts理解还太少了很多bug还无法找到好的方法
摩登开发者Oliver·2020-09-23 16:54
上一页 1 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他