![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue3.0
小崔一打五
总有些惊奇的际遇 比方说当我遇见你
展开
-
vue3.0中使用 echarts
1.安装npm install echarts --save2.引入import echarts from 'echarts'3.容器原创 2021-07-16 09:47:11 · 443 阅读 · 2 评论 -
vue3.0使用swiper
1.安装swipernpm install swiper --save2.引入import { onMounted } from "vue";import Swiper, { Autoplay, EffectCoverflow, EffectCube, Pagination, Navigation,} from "swiper";Swiper.use([Autoplay, EffectCoverflow, EffectCube, Pagination, Naviga原创 2021-06-30 14:48:06 · 1337 阅读 · 2 评论 -
vue3.0(第九篇)vue3.0可用的组件库
1.Elemnet UI推出Element Plus源码地址 https://github.com/element-plus/element-plus官方网站 https://element-plus.org国内加速镜像 https://element-plus.gitee.iovue3.0如何使用首先你要创建vue3.0的项目初始化vite项目npm init @vitejs/app my-vue-app --template vue1>.引入Elemen原创 2021-06-30 09:50:34 · 2025 阅读 · 2 评论 -
vue3.0(第八篇) 插件的使用
一、VueRouter1.新路由器变为 createRouterimport { createRouter } from 'vue-router'const router = createRouter({ // ...})2.mode的变化该mode: 'history'选项已被更灵活的一个名为history"history": createWebHistory()"hash": createWebHashHistory()"abstract": createMemory原创 2021-06-29 16:45:53 · 362 阅读 · 1 评论 -
vue3.0 (第七篇)与 vue2.0总结一些小不同(只是常用的总结)
vue3.0beforeCreate->setupcreated->setupbeforeMount->onBeforeMo原创 2021-06-29 14:51:19 · 264 阅读 · 1 评论 -
vue3.0(第六篇)里面的一些方法(做性能优化的)
1.toRaw响应式数据中获取原始数据<script>import {reactive,toRaw} from 'vue'export default { name: "App", setup() { let obj = {name:'cui',age:18}; /* ref/ractive数据类型的特点: 每次修改都会被追踪,都会更新ui界面,但这样其实是非常消耗性能的 所以如果我们有一些操作不需要追踪,不需要u.原创 2021-06-23 16:23:56 · 183 阅读 · 1 评论 -
vue3.0(第五篇)递归监听和非递归监听
1.递归监听默认情况下,无论是通过ref还是reactive都是递归监听<template> <div>//验证reactive <p>{{ state.a }}</p> <p>{{ state.one.one }}</p> <p>{{ state.one.two.two }}</p> <p>{{ state.one.two.three.three原创 2021-06-23 14:45:02 · 215 阅读 · 1 评论 -
vue3.0(第四篇)
组合Api 就是将封装好的 具备独立的函数组合在一起1. composition Api 和 Option Api的混合使用2.composition Api 的本质 (混合Api/注入Api)3.setup 执行时机4.setup 注意点1.composition Api 和 Option Api的混合使用 (可以一起混合使用的)2.composition Api 的本质 (混合Api/注入Api)知道是这样就行3. setup执行时机实在cr...原创 2021-06-22 10:35:26 · 132 阅读 · 1 评论 -
vue3.0(第三篇)使用篇
1.使用文本插值<span>Message: {{ msg }}</span>原创 2021-06-21 20:58:00 · 320 阅读 · 1 评论 -
vue3.0 (第二章)
1.安装最新版本npm install vue@next2.Vue 还提供了编写单文件组件的配套工具。如果你想使用单文件组件,那么你还需要安装原创 2021-06-21 14:59:15 · 64 阅读 · 1 评论 -
vue3.0的安装和使用(第一章)
1.首先需要安装node (需要去官网,不做说明)2.node安装完以后1>.如果之前安装过vue的2.0版本,你需要把2.0相关的删除原创 2021-06-21 14:39:17 · 165 阅读 · 0 评论