weixin_45892086的博客

pinia新的状态管理工具1、安装npm install pinia --save2、新建store,在main.js中引入在根目录下新建store文件夹，新建index.jsimport { createPinia } from "pinia";// 创建storeconst store = createPinia();export default store;main.jsimport { createApp } from "vue";import App from "./App

在线商城和商城后台管理系统1、商城使用了vue2+elementUI实现了登录注册、浏览商品、购买商品、收藏商品、商品搜索、加入购物车、查看订单、添加收货地址、在线客服、分类查看商品的等功能2、商城后台管理系统使用了react+antd实现了注册登录、商城整体数据的查看，用户管理、商品管理、订单管理、财务管理、客服服务的功能，其下还分各种小功能对用户商品订单等详细功能进行增删改查的操作2、商城的后端使用了express+mongoDB使用了node.js的express和mongoDB数据库

创建一个vue3.0+element-plus项目首先要确认自己电脑中的@vue/cli>4.5可以用vue -V查看没有的话可以用npm i -g @vue/cli升级升级成功后**vue create my-pro**这里选择Vue 3的项目。创建成功后。执行下面的命令。cd my-provue add element-plus全局加载和按需加载自己选择。安装成功后。npm run serve发现项目跑起来了。按需加载的话，需要在src/plugins/eleme

Vue3中路由的相关配置1、路由的配置在src路径下新建router文件夹，然后在该文件夹新建index.js文件安装vue-routercnpm i vue-router@next --saveindex.js文件配置如下。import { createRouter, createWebHistory } from "vue-router";const addCount = () => import('../components/addCount.vue')const Fathe

如何在vue的css中使用data中的变量。很简单用v-bind一个简单的例子<template> <div> <h1 class="h1" >我是{{ color }}</h1> </div></template><script>export default { data() { return { color: 'red', } } }}</s

rem布局学习rem是移动端布局，自适应屏幕 常用的方法。原理1rem = 不同设备下fontsize的初始值于是用rem做单位不同屏幕的元素大小就不一样，可以达到适配。在vue/react项目public/index.html文件的头部添加以下代码<script> fnResize(); window.onresize = function() { fnResize(); }; function fnResize()

前端面试三——Vue1、Vue最大的特点Vue最大的特点就是组件化和数据驱动组件化：就是可以将页面中可以复用的元素，看成组件，写页面的过程就是写组件，然后页面就是由这些组件拼接起来的组件树。数据驱动：就是我们只关心数据层面，数据变化，页面就会跟着变化，操作dom交给vue去完成。2、Vue常用的指令有哪些v-if ：根据表达式的真假条件，来渲染元素，切换的时候，元素是删除和创建。v-show： 根据 display：none的切换，来使元素显示与隐藏。v-for： 循环指令，基于一个数组或者