随笔分类 -  vue

1
摘要:翻译自 vue 官方博客 地址:https://blog.vuejs.org/posts/vue-3-5 今天,我们很高兴地宣布 Vue 3.5 “Tengen Toppa Gurren Lagann” 发布! 此次要版本不包含任何重大更改,并且包括内部改进和有用的新功能。我们将在这篇博文中介绍一些 阅读全文
posted @ 2024-09-10 11:50 _zhiqiu 阅读(211) 评论(0) 推荐(0) 编辑
摘要:本文为翻译 原文地址:宣布推出 Vue 3.3 |The Vue Point (vuejs.org) 今天我们很高兴地宣布 Vue 3.3 “Rurouni Kenshin” 的发布! 此版本侧重于开发人员体验改进 - 特别是 TypeScript 的 SFC <script setup> 使用。结 阅读全文
posted @ 2023-05-12 11:30 _zhiqiu 阅读(158) 评论(0) 推荐(0) 编辑
摘要:本文包括的动画: zoom-in zoom-in-left zoom-in-right zoom-in-top zoom-in-bottom zoom-in-center-x zoom-in-center-y slide slide-left slide-right slide-top slide- 阅读全文
posted @ 2023-04-21 10:42 _zhiqiu 阅读(162) 评论(0) 推荐(0) 编辑
摘要:component 组件不像其它的内置组件(tansition、transitionGroup),可以直接从 vue 中直接导出,所有要在 jsx 使用component就要使用 h 函数 使用 vue 内置组件 // xxx.jsx import { defineComponent, Transi 阅读全文
posted @ 2023-01-11 13:14 _zhiqiu 阅读(945) 评论(0) 推荐(0) 编辑
摘要:需求分析 首先要分析右键菜单需要实现什么功能 点击鼠标右键弹出自定义的弹窗 实现菜单项的点击 自定义菜单项的样式 自定义弹窗容器的样式 代码实现 需求搞定之后就是写代码了,下面是基础的代码框架 <template> <div class="yak-content-menu" @contextmenu 阅读全文
posted @ 2021-09-23 09:26 _zhiqiu 阅读(249) 评论(0) 推荐(0) 编辑
摘要:1、前言 接手公司的某个项目已经两年了,现在每次启动项目都接近1分钟,hmr也要好几秒的时间,but vite2发布之后就看到了曙光,但是一直没有动手进行升级,昨天终于忍不住了,升级之后几秒钟就完成了。 2、开始升级 注:只是升级了开发环境,打包依旧是webpack(也试过打包也用vite,但是打包 阅读全文
posted @ 2021-09-13 09:28 _zhiqiu 阅读(1271) 评论(2) 推荐(1) 编辑
摘要:关于在vue3.0中使用ssr/ssg渲染时出现Custom directive is missing corresponding SSR transform and will be ignored.错误的修复。 yarn add -D patch-vue-directive-ssr 阅读全文
posted @ 2021-09-01 10:19 _zhiqiu 阅读(671) 评论(0) 推荐(0) 编辑
摘要:前言 相信使用过 vueCli 开发项目的小伙伴有点郁闷,正常开发时会有三个接口环境(开发,测试,正式),但是 vueCli 只提供了两种 development,production(不包含 test-单测)模式。其实这是小伙伴们没有理解 vueCli 文档所导致的。 vueCli 命令中 --m 阅读全文
posted @ 2021-08-19 10:59 _zhiqiu 阅读(1126) 评论(0) 推荐(1) 编辑
摘要:在vue.config.js中添加下面的代码即可 1 // vue-cli version > 3 2 modeule.exports = { 3 configureWebpack: config => { 4 if (process.env.NODE_ENV "production") { 5 c 阅读全文
posted @ 2020-07-11 17:08 _zhiqiu 阅读(1172) 评论(0) 推荐(1) 编辑
摘要:背景:在使用view-design(iview)定制主体时(覆盖变量方式)出现less错误 完整错误如下 解决方法: 在vue.config.js中添加 less-loader:5.0.x module.exports = { css: { loaderOptions: { less: { java 阅读全文
posted @ 2020-03-25 11:03 _zhiqiu 阅读(2074) 评论(0) 推荐(0) 编辑
摘要:方法一 阅读全文
posted @ 2019-12-05 11:37 _zhiqiu 阅读(3555) 评论(2) 推荐(0) 编辑
摘要:使用npm run generate生成静态页面部署 1. 如果不是部署在域名的根目录下,则需要在nuxt.config.js中添加 2. 使用nuxt link时,to属性最后面一定要加上/,不然刷新时会自动返回首页 3. 使用vant时不能使用按需加载组件 按照vant官方文档操作 阅读全文
posted @ 2019-09-11 11:22 _zhiqiu 阅读(642) 评论(0) 推荐(0) 编辑
摘要:内容来自于 "vue官方文档" / @returns {VNode} / createElement( // {String | Object | Function} // 一个 HTML 标签名、组件选项对象,或者 // resolve 了上述任何一种的一个 async 函数。必填项。 'div' 阅读全文
posted @ 2019-08-28 11:52 _zhiqiu 阅读(263) 评论(0) 推荐(0) 编辑
摘要:实现的toast组件可以通过this.toast()vue.extend();newVue().mount(); //如果mount内没有要挂载的元素vue只会渲染元素而不会加载的界面上 toast.vue的内容 <!--template的内容--> <template> 阅读全文
posted @ 2019-04-25 12:04 _zhiqiu 阅读(4132) 评论(0) 推荐(0) 编辑
摘要:什么是 provide / inject [传送门] vue的组件通讯方式我们熟知的有 props $emit bus vuex ,另外就是 provide/inject provide/inject 是 Vue.js 2.2.0 版本后新增的 API,在文档中这样介绍 : 这对选项需要一起使用,以 阅读全文
posted @ 2018-12-20 17:22 _zhiqiu 阅读(1222) 评论(0) 推荐(0) 编辑
摘要:需要达到的效果: 列表页 >详情页/修改 >返回列表页(缓存列表页) 其它不缓存 路由入口的写法: 在路由钩子 beforeRouteLeave 中把需要缓存的组件的name加入 vuex 中的 catchPages 数组中 阅读全文
posted @ 2018-09-25 20:06 _zhiqiu 阅读(1200) 评论(0) 推荐(0) 编辑
摘要:element-ui(vue)upload组件的http-request方法的使用 官方文档: http-request方法有一个默认的参数 content content 是一个object对象:里面包含包含一些upload组件的回调方法,可以使用upload组件原生的方法。 具体如下图 阅读全文
posted @ 2018-09-14 15:32 _zhiqiu 阅读(17742) 评论(0) 推荐(1) 编辑
摘要:生命周期钩子(来自vue官方文档) 所有的生命周期钩子自动绑定 this 上下文到实例中,因此你可以访问数据,对属性和方法进行运算。这意味着你不能使用箭头函数来定义一个生命周期方法 (例如 created: () => this.fetchTodos())。这是因为箭头函数绑定了父上下文,因此 th 阅读全文
posted @ 2018-07-31 12:07 _zhiqiu 阅读(184) 评论(0) 推荐(0) 编辑
摘要:1>安装一些loader 2>在nuxt.config.js中配置(需要全局使用的scss) 阅读全文
posted @ 2018-07-04 17:50 _zhiqiu 阅读(6661) 评论(0) 推荐(0) 编辑
摘要:需求说明 有多个switch组件 需要知道switch的状态 表格中当前行(scope.row)的数据 问题描述 官方文档中对switch中change的描述: 目前能得到switch的状态值,但是无法得到change回调中第二个形参的值 解决方法: change回调函数默认形参的实参是$event 阅读全文
posted @ 2018-05-09 11:01 _zhiqiu 阅读(8432) 评论(0) 推荐(1) 编辑

1
点击右上角即可分享
微信分享提示