![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
YangYun_Coder
这个作者很懒,什么都没留下…
展开
-
<script setup>中使用provide和inject
父组件<script setup> import { provide } from "vue"; const data = { id: 123 }; provide('data', data)</script>子孙组件<script setup> import { inject } from "vue"; const data = inject("data"); console.log(data.id) // => 123</scrip原创 2021-10-30 14:21:05 · 1421 阅读 · 3 评论 -
vue3<script setup>语法糖中父组件调用子组件方法
// 父组件<template> <child ref="childRef"></child></template><script setup>import { ref } from "vue";// 引入子组件import child from "./child.vue";// 获取子组件const childRef = ref(null);const fun = () => { childRef.value.chil原创 2021-10-27 16:31:28 · 6705 阅读 · 1 评论 -
nuxt.js的使用
介绍Nuxt.js是一个基于 Vue.js 的服务端渲染应用框架。主要解决首屏加载时间长和SEO优化创建项目npx create-nuxt-app 项目名创建项目成功后目录如下:执行命令npm run dev启动项目项目创建成功!路由Nuxt.js不需要单独配置路由路由会根据项目根目录下的pages文件夹中的文件和组件名称自动生成路由,首页默认为index.vue,其他页面比如pages下面的about文件夹中有一个about.vue组件,它的路由就为/about/about编原创 2021-04-09 18:01:09 · 448 阅读 · 0 评论 -
vue+ts引入animate.css报错找不到模块
在src文件下找到shims-vue.d.ts文件添加代码declare module 'animate.css'declare module '*.vue' { import Vue from 'vue' export default Vue}declare module 'animate.css'原创 2021-03-12 10:14:54 · 853 阅读 · 0 评论 -
vue-devtools安装
第一步到guthub上去下载安装包,地址:https://github.com/vuejs/vue-devtools/tree/master注意这里是需要下载master分支的下载成功后里面会有一个shells文件夹,说明是可用版本第二步然后输入npm install命令安装依赖注意第一步时一定下下载master分支的,不然这里会报错安装完成之后执行命令npm run build第三步打开谷歌浏览器,进入更多工具 > 扩展程序点击加载已解压的拓展程序 > 选择vu原创 2021-03-09 14:49:13 · 2049 阅读 · 0 评论 -
vuex持久化插件vuex-persistedstate
安装起步npm i -S vuex-persistedstate配置使用在vuex初始化时候,作为组件引入。import persistedState from 'vuex-persistedstate'export default new Vuex.Store({ // ... plugins: [persistedState()]})自定义存储方式1.需要使用sessionStorage的情况plugins: [ persistedState({ stora原创 2021-03-04 11:03:00 · 250 阅读 · 2 评论 -
vue实现循环滚动列表
1、安装npm install vue-seamless-scroll --save2、引入组件<script>import vueSeamlessScroll from "vue-seamless-scroll";export default { components: { vueSeamlessScroll }}</script>3、使用html<div class="list"> <vueSeamlessScroll :data="原创 2020-09-04 17:08:36 · 3420 阅读 · 0 评论 -
vue-cli3打包时根据不同命令修改请求地址
第一步在根目录创建一个.env.test文件test名字可以自定义,在里面写入NODE_ENV='test'第二步在package.json文件中scripts字段中加入"test": “vue-cli-service build --mode test”"scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service build", "test": "vue-cli-service buil原创 2020-06-23 17:19:38 · 1045 阅读 · 0 评论