![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
吃小狗的骨头
这个作者很懒,什么都没留下…
展开
-
table自动分页
table自动打印分页原创 2022-07-19 23:11:53 · 898 阅读 · 0 评论 -
vue里面的model
vue里面的model双向绑定,就是一种代码组合即语法糖,我们之前在实现功能的时候,父组件通过props向子组件里面传递参数,子组件处理完成之后,如果想将结果传回父组件的话,需要调用emit里面的自定义方法实现回传。父组件通过定义的方法,然后接收到子组件传递过来的参数之后,进行赋值处理即可。vue这里面实现了一个简单的方式实现了上面的功能,及model,双向绑定。对于开发者来说,简化了一些代码,实际就是vue给你封装了,只需要简单的代码就可以实现传值-修改-回传的功能,其实本质还是 传递数据-加工-调用原创 2022-05-03 22:59:59 · 14807 阅读 · 1 评论 -
vite sass 报错问题
今天学些vite, 使用scss里面的scop里面的时候,运行报错,提示错误内容如下:internal server error preprocessor dependency sass not found. did you install it vite从网上找了好几个,说是安装各种东西,都不是很理想,终于在一片博客里面,发现了下面的指令:npm install sass --save-dev运行了之后,系统就能够正常运行了,希望这个博客也能解决你的问题...原创 2022-05-01 22:03:06 · 4136 阅读 · 0 评论 -
vite 创建vue3 ts的项目
昨天手贱,在package.js里面不小心加了一个+的字符,导致整个项目编辑的时候,出现了问题。一晚上没有成功,无奈,治好重建,当我重新创建好了之后,发现之前测试的项目有好了。现在记录一下创建项目的流程,以后就好找了。 为什么选择vite vue3 ts 这种。首先,个人感觉vite要比webpackage要快一点。之前一个webpackage什么都没有,启动的话,至少得几秒的时间。vite创建完成之后,启动三位数毫米级,不到1秒的时间。后来随着自己的学习,往里面添加了vuex、 route...原创 2022-04-06 21:56:13 · 1052 阅读 · 0 评论 -
router4 ts动态添加路由
今天研究route4.0 在vue3里面,使用ts的方式定义路由并且进行动态添加。route4.0在添加路由的方式上面做了一点点的改动。跟之前的有点不一样,因此记录一下。一、创建路由文件在项目route里面创建一个简单地index.ts文件。定义内容如下:/** ts版本的路由 2022年2月28日21:00:46 CL */import { createRouter, createWebHashHistory, createWebHistory, RouteRecordRa原创 2022-03-25 21:46:22 · 2642 阅读 · 1 评论 -
vue3 ts版本深度拷贝功能推荐ts-deepmerge
在使用js版本开发vue的时候,需要用到深度拷贝。一般都是用的deepMerge这个进行深度拷贝。但是在VUE3里面,尤其使用ts版本的时候,就不能很好的使用deepMerge这个控件了。从网上找了个一下,出现一个ts版本的deepMerge可以实现深度拷贝功能。安装:npm i ts-deepmerge然后在需要引入的地方import merge from "ts-deepmerge";import _config from './config' // 需要合并的第一个模块原创 2022-03-18 23:20:57 · 1393 阅读 · 0 评论 -
vue3 里面model用法使用记录
model在vue里面实现双向绑定。通过父节点向子节点传递参数。子节点通过操作再回传给父节点的变量。有点像prop和$emit组合使用。要知道,在子节点里面,是不能通过=去赋值prop里面的变量。唯一的方法,就是通过$emit调用父类方法,并且把参数传递过去,通过父类修改变量,从而修改子类里面的prop值的参数。 v-model通过双向绑定,可以不用父类自己定义修改参数的方法。直接在子类里面调用指定的方法就可以了。vue3的用法和vue2里面的model使用方式差不多,但是还有点差距。父节...原创 2022-03-16 22:01:02 · 2348 阅读 · 0 评论 -
vue3 antdv 定义全局的icon
学习vite搭建vue3的ts的前端框架,前端采用的是ant版本的vue,选择ant的原因之一是因为阿里家的,同时,对自家的icon支持非常友好。主要在icon里面创建一个账号,维护自己的仓库,就可以线上添加icon,项目里面直接使用了。不用导入其他的文件。如果是离线运行的项目,则跳过这个文章吧,因为这个是需要在线加载文件的。创建全局办的icon模块很简单,只需要在main.ts里面添加几个配置就好。// 自定义的iconimport { createFromIconfont...原创 2022-03-15 22:14:41 · 2556 阅读 · 0 评论 -
vue里面的watch和computed的区别
在vue里面,有两种监听数据监听的方式,一种是watch, 一种是compute。下面我说一下自己对这两个方式的理解。watch:watch官方解释是一个对象,键是需要观察的表达式,值是对应回调函数。值也可以是方法名,或者包含选项的对象。Vue 实例将会在实例化时调用 $watch(),遍历 watch 对象的每一个 property。 参考链接#watch#我理解watch有点像是一个哨兵类似的东西。当监听的变量发生变化的时候,就会触发对应的方法。在方法里面可以做其他的操作。支持异步。没有原创 2022-03-04 22:50:07 · 1087 阅读 · 0 评论 -
vue3 里面添加router
vue3里面添加router, 本文这里面的主体环境为vue3, 在ts里面添加router,并且调试为history模式。1、安装依赖包npm install vue-router@4这里面需要确定一下,vue3里面还是必须使用router4以上的版本,否则支持不是很友好。2、 创建并且添加路由文件创建router文件,在目录下面创建一个路由的index.ts,这里我创建在了/src/router/indec.ts下面,配置如下:/** ts版本的路由 2022年2月2原创 2022-03-02 00:07:29 · 7490 阅读 · 0 评论 -
vite vue3 路由配置@找不到文件
问题描述今天第一次使用vite单间vue3的一个typescript的项目。在配置路由的时候,遇到了一个问题,就是添加路由界面的时候,找不到指定的文件,提示错误,如下图:[vite] Internal server error: Failed to resolve import "@/views/login/index.的相关错误。11:13:20 ├F10: PM┤ [vite] Internal server error: Failed to resolve import "@/v..原创 2022-02-28 23:17:56 · 23295 阅读 · 0 评论