- 博客(18)
- 收藏
- 关注
RSS订阅原创 Vue3 pinia快速入门
安装脚手架vitenpm create vite@latest然后按照提示操作即可！安装状态管理pinianpm install pinia --save创建 Store新建 src/store 目录并在其下面创建 index.js，导出 store// src/store/index.jsimport { createPinia } from 'pinia'const store = createPinia()export default store在 main.ts 中引入并
2022-04-07 18:38:44
2051
1
原创 vue3 $attrs和inheritAttrs的使用
$attrs 属性解释:包含了父作用域中不作为组件 props 或自定义事件的 attribute 绑定和事件。当一个组件没有声明任何prop 时，这里会包含所有父作用域的绑定，并且可以通过 v-bind="$attrs" 传入内部组件——这在创建高阶的组件时会非常有用。inheritAttrs属性解释：如果你不希望组件的根元素继承特性，你可以在组件的选项中设置 inheritAttrs: false可能不是很好理解，我们可以举个例子来验证一下。在父组件app.vue中<templ.
2021-05-10 15:45:24
5721
6
原创 Vue3 全局挂载对象和方法
官方的说明，Vue3.x已经不支持直接Vue.prototype.$http = () =>{}这种方式来挂载全局对象，这是由于globalVue不再是构造函数，因此不再支持该构造函数更新后的挂载方法main.js中通过 config.globalProperties 进行全局挂载import { createApp } from 'vue'import App from './App.vue'const app = createApp(App);// Vue3全局挂..
2021-05-10 15:04:40
4275
6
原创 vue监听路由变化
vue 路由监听获取route获取route.path获取route.name获取route第一种// 监听,当路由发生变化的时候执行watch:{ $route(to,from){ console.log(to); }}第二种watch: { '$route':'routeChange'},methods: { routeChange(){ console.log(this.$route); }}第三种watch: { // 在值
2020-12-08 15:56:27
599
1
原创 vue vant tabs组件选中下划线位置异常
vue vant tabs组件选中下划线位置异常问题描述：代码片段原因分析：解决方案：修改后代码:效果图)问题描述：在使用vant中Tab 标签, 点击显示会出现下划线位置异常,如下图:代码片段<template> <div id="app"> <van-button type="primary" @click="isShow = !isShow">点击显示</van-button> <div v-show="isSho
2020-10-30 13:40:39
6209
12
原创 小程序canvas生成海报
小程序canvas生成海报先看看效果图 以下↓使用场景前提wxmljsdrawCanvas.js在Canvas.js引入drawCanvas.js希望大家能够用到！如果文章中有出现纰漏、错误之处，还请看到的小伙伴多多指教，先行谢过先看看效果图 以下↓使用场景分享小程序的，绘制分享图不同商品分享的是后生成不同的图片，每个商品的信息图片不同，小程序默认分享的是页面默认截图小程序分享朋友圈，生成海报前提根据上面图片需要一个背景图片(上面是750*777),大家可根据实际情况进行改变本文用
2020-09-29 16:11:25
1707
2
原创 es6语法通过babel转码为es5普通语法的配置
es6语法通过babel转码为es5普通语法的配置在一个空文件夹里初始化安装添加配置：根目录添加个特殊格式文件 .babelrc 没有后缀，必须这格式的文件添加脚本：根目录packge.json文件中添加如果文章中有出现纰漏、错误之处，还请看到的小伙伴多多指教，先行谢过在一个空文件夹里初始化npm init -y安装npm install --save-dev @babel/core @babel/cli @babel/preset-env @babel/plugin-transform-ar
2020-08-10 14:57:25
602
1
原创 vue路由导出问题 Uncaught TypeError: Invalid attempt to spread non-iterable instance.
vue路由导出问题 Uncaught TypeError: Invalid attempt to spread non-iterable instance.这个问题是写把导航需要的路由写到srouter的文件中,然后在vue文件中引入,这时候没报错,可是在js文件中引入import router from “@/router”;这句话时报错:>查资料说是什么运算符的错,可是去了import router from “@/router”;就不报错了,显然不是那个问题后来反复测试发现只能再
2020-06-29 18:58:38
16655
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人