vue
使用vscode + vite + vue3+ vant 搭建vue3脚手架
技术栈开发工具：VSCode代码管理：Git前端框架：Vue3构建工具：Vite路由：vue-router4x状态管理：vuex4xAJAX：axiosUI库：vant数据模拟：mockjscss预处理：sass 构建vue3项目 1,安装 vite以管理员身份打开cmd命令窗口，切换到要...
vue参数传递方式
Vue的传参方式主要有以下几种：1.属性传值：这是一种主要用于父组件给子组件传值的方式，通过在父组件调用子组件时，绑定动态属性，然后在子组件中通过props接收父组件传过来的值。2.父组件获取子组件数据：这是子组件给父组件传值的方式，通过$refs获取子组件的数据和方法。3.路由传参：这是一种通过路由跳转的方式进行传参...
vue轻松实现水印效果
前言：vue项目中使用水印效果，可指定容器效果图：1、不指定容器2、指定容器实现方法：1、新建一个配置文件watermark.js，可放util，也可放别的地方?1234567891011121314151617181920212223242526272829303132333435363738394041424344...
vue2.0中的$router 和 $route的区别
1.router是VueRouter的一个对象，通过Vue.use(VueRouter)和VueRouter构造函数得到一个router的实例对象，这个对象中是一个全局的对象，他包含了所有的路由包含了许多关键的对象和属性。2.route是一个跳转的路由对象，每一个路由都会有一个route对象，是一个局部的对象，可以获取...
vue-elementUI去掉input上下箭头
一、问题描述vue中使用elementUI，在使用input输入框，设置type为number数字类型是，会出现如下上下箭头问题；如下所示：二、问题解决出现这个问题，只需要重置下elementUI的input样式即可解决，如下：/*element样式重置start*//*去掉input尾部上下小箭头start*/inp...
vue2与vue3的区别
1.双向绑定原理不同Vue2使用的是Object.defineProperty，而Vue3使用的是ProxyVue2组件中所有data里面定义的数据默认都被重置为响应式数据Vue3则新增了ref/reactive可以自定义变量的响应式类型，区分了常量跟响应式变量的区别2.API设计类型不同 Vue2使用的是选...
Vue3中的readonly怎么使用
在Vue3中，可以通过readonly函数将一个对象转化为只读的，使其属性成为只读的，无法被修改。使用方法如下：import{readonly}from'vue';constmyObject={name:'Alice',age:25};constreadonlyObject=readonly(myObject);//尝...
vue环境变量配置——process.env
在用vue框架时，经常用到两种环境，一种是开发环境，就是本地开发时的环境，一种是生产环境，就是要发布到线上的环境。平时开发是用生产环境的，如果发布到线上时，需要切换环境为线上。如果人为去切换也是可以的，但是会容易忘记，可以通过配置不同的运行命令来自动切换环境。下面开始：配置环境的实现原理实现原理就是采用node.js顶...
vue中的适配：px2rem
这应该是vue项目在适配移动端时候，最简单的方法之一下面是基本步骤（使用cnpm）1.下载并引入lib-flexiblecnpminstall--savelib-flexible在main.js中：import‘lib-flexible/flexible’2.引入px2rem-loadercnp...
vue中v-model和v-bind区别
绑定数据三种方式： >> 插值，也就是{{name}}的形式，以文本的形式和实例data中对应的属性进行绑定 >>v-bind: 可以传给 v-bind:class 一个对象，简写为class： 单向变动:当加上v-bind:之...
vue组件通信 vue bus方面的总结
vuebus通常使用在兄弟与兄弟组件之间然后在组件中，可以使用emit on, $off分别来分发，监听，取消监听事件 这里的$off可以取消多次使用$bus监听的事件使用用法1：引入vueimportVuefrom'vue'2：在main.js中引入vuebusimportBusfrom...
vue 生产环境build打包出现空白页面的解决方法
vue生产环境build打包出现空白页面的解决方法：如果出现：webpackjsonpisnotdefined因为公共文件必须在引用js之前引用。只需要在build文件下webpack-prod-conf.js找到htmlwebpackPlugin添加chunks:['manifest','ve...
vue手动触发事件实现的方法是什么
1.首先，在vue-cli中创建一个vue.js项目；vuecreateproject-name2.vue.js项目创建好后，在项目中使用@click.native属性绑定一个点击事件；<aclass="link"@click.native="test">点击事件</a>3.事件绑定好后，添加一...
什么是npm以及npm基本命令
1.npm的概念npm是NodePackageManager的缩写，意思是node的包管理器2.安装集成在Node.js中，随着Node.js安装时一起被安装3.常见场景前端框架开发react、Vue...，后台node开发等4.常见命令①查看版本：npm-v②下载安装包：npminstallXXX(包名)需要初始化项...
npm WARN: No repository field.
在使用npm安装包时，遇到npmWarn name@x.x.x Norepositoryfield.意思是你的package.json缺少repository仓库字段。可采用以下两种方式解决WARNING。一、你的项目有仓库地址：//package.json{"repository":{"type"...
