vue - itfan123

vue前端使用print-js实现打印可自定义样式

print-js官网链接: https://printjs.crabbly.com/ 下载依赖 npm install print-js --save 在package.json文件中增加print-js依赖。 "dependencie...

vue print-js

原创 2年前 (2023-10-10) 304 阅读 #Vue
vue项目想修改代码严格模式lintOnSave

1.在根目录下创建一个文件vue.config.js！ 2.编写以下代码！ module.exports = { lintOnSave:true ,// 严格模式打开(默认true)或关闭(false） } 3.如果您修改并归档，...

vue vue教程 lintOnSave

原创 3年前 (2022-10-27) 193 阅读 #uni-app
vue3.0创建项目并引入vant插件

适配手机端使用得post css-pxtorem 创建vue3.项目 vue create 项目名称引入vant流程第一步.通过npm安装 npm i vant@next -S 第二步.vant官网为我们提供了高级用法：查看官方网吧、兄...

vue vue教程 vant插件

原创 3年前 (2022-10-27) 0 阅读 #uni-app
vue3.0的hook数据与vue2.0的mixin数据理解和使用

** 1.vue3的hook数据：相当于封装了工具的方法，便于重用； ** 第一步.用于在根目录下创建新文件夹hooks，在hooks在以下位置创建文件夹UserPoint.js /* * @Description:创建hooks文件风格...

vue vue教程 hook mixin

原创 3年前 (2022-10-27) 2 阅读 #uni-app
vue插槽的理解slot slot-scop,三种插槽方式

默认插槽,具名插槽,作用域插槽 es6写作有一定的借鉴意义。在父组件中写入...

vue vue教程 slot

原创 3年前 (2022-10-27) 2 阅读 #uni-app
vue项目main.js引入less文件一直报错的原因

问题：在main.js中引入less在文档归档时，此错误一直被报告。解决方案：加入。build->utils.js在中，添加了图中的位置 javascriptEnabled: true // <- enable this...

vue vue教程

原创 3年前 (2022-10-27) 1 阅读 #uni-app
vue3.0自定义customRef使用；provide和inject使用

ref相当于一个精装房，customRef相当于空白房间需要自己定义装修等。 inputT2演示文稿如下：{{inputT2}} import { customRef } from "vue"; ex...

vue vue教程

原创 3年前 (2022-10-27) 3 阅读 #uni-app
vue3注意事项:setup用法；ref函数和reactive函数使用，shallowReactive及shallowRef使用，toRaw和markRaw使用

** 1.vue3组件中的模板结构可以没有根标签(根据。vue2.o这没有什么错，它可以运行)； 2.安装vue3和vue2开发人员工具(3.o该文件有点没用，我会再寻找更新的) ** 如果当前项目是vue2 谷歌浏览器->右上...

PHP vue vue教程

原创 3年前 (2022-10-27) 1 阅读 #uni-app
Vue引入外部css样式两种方式import和link

引入外部css 介绍的第一种方式 = import引入方式; 1.新建css 文件 src -> assets -> css ->demo.css 2.引入在app.vue中进入 import ./assets/css/...

vue CSS vue教程

原创 3年前 (2022-10-27) 231 阅读 #uni-app
vue3 计算属性及watch监听方法的使用

1.计算属性注意：fulllName它也有必要泄漏到setup的return中； setup() { let person = reactive({ firstName:loki,...

vue watch vue教程

原创 3年前 (2022-10-27) 1 阅读 #uni-app
vue2响应式处理defineProperty和vue3中响应式处理proxy

** vue2中等响应性原则defineProperty(其实这是系统的默认操作，但要了解它的原理和用法) 注：可以捕获修改和获取，但可以捕获添加和删除vue2未被捕获； ** let person = { name:张三,...

vue vue教程 defineProperty

原创 3年前 (2022-10-27) 195 阅读 #uni-app
Vue路由常见问题

路线是这样理解的：vue专门设计的插件库，用于实现SPA应用. query传参；params传参；router-link的repalce属性；back/forward/push/repalce，go的用法；keep-alive及两个新生命周...

vue vue教程传参

原创 3年前 (2022-10-27) 174 阅读 #uni-app
vue3项目使用vite和webpack两种方式安装

方法一，使用webpack要创建项目，请执行以下操作 1.检查当前vue版本（检查当前vue版本，不是更高4.5.请更新在更新最新版本之前卸载） vue -V 2.卸载vue及更新vue npm uninstall vue-cli -...

vue vue教程

原创 3年前 (2022-10-27) 244 阅读 #uni-app
vue3 Ref和toRefs的理解

toRef和toRefs的作用person暴露对象中常用的变量，保持数据监听效果；如何使用：toRef(对象，‘对象中的变量名’)；如何使用：…toRefs(对象)；注意：一定要说你想要person通常用于name和age比如...

vue vue3 vue教程

原创 3年前 (2022-10-27) 1 阅读 #uni-app
VUE有那些常用组件库

移动公共组件库 1.Vant https://youzan.github.io/vant 2.CubeUI https://didi.github.io/cube-ui 3.MintUI https://mint-ui.github.io...

vue vue教程

原创 3年前 (2022-10-27) 152 阅读 #uni-app
Vue面试常见的26道问答题

1.Vue2.0生命周期DOM元件安装在哪个阶段？在组件中el它是否会影响组件的渲染顺序？问题一：处理生命周期的几个函数 new Vue 创建vue实例初始化：生命周期、事件，但代理数据尚未开始。 beforeCreate : 此时...

vue vue2 vue教程

原创 3年前 (2022-10-27) 182 阅读 #uni-app
vue下的@change事件转载

房东最近在这个项目中实践了这一点。vue在这段时间里，我遇到了一些坑。现在我想把它们录下来。先上代码 Title 请选择 {{pro...

vue vue教程

原创 3年前 (2022-10-27) 0 阅读 #Vue
Vue与ref属性与refs转载

ref 被用来给DOM元素或子组件注册参考信息。参考信息基于父零部件的 $refs 该对象已注册。如果在普通情况下DOM在元素上使用时，引用信息是元素; 如果在子零部件上使用，参照信息就是零部件实例。注：只要你愿意Vue直接运行在DOM元...

vue vue教程

原创 3年前 (2022-10-27) 151 阅读 #Vue
VueJS总结

1.v-for 循环中属性拼接字符串 /forum/list/?id=用于拼接的线 2. { {resourceStateMap["2"]}} //展示出是对对对 var app=new Vue({...

vue vue教程

原创 3年前 (2022-10-27) 152 阅读 #Vue
VueJS简明教程(一)之基本使用方法转载

简介：这是一篇超简单的介绍性文章。如果说是JQuery那就是手工艺作坊了Vue.js它就像一座工厂，尽管Vue.js做任何事JQuery两者都可以做到，但代码量和过程规范都是前者。 Vue.js的官方中文教程其实，它也是一个很好的...

vue vue教程

原创 3年前 (2022-10-27) 1 阅读 #Vue
Vuejs知识图谱原创

邂逅Vuejs Vue基础语法组件开发 Vue CLI详解 vue-router Vuex详解网络封装项目实战项目部署 Vue源码 1.Vue基础语法内插语法：Mustache、v-once、v-html、v-text、v-p...

vue vue教程

原创 3年前 (2022-10-26) 170 阅读 #Vue
Vue router路由详解

1.router路由守卫，前置路由守卫，后置路由守卫，都享路由守卫，组件路由守卫，auth路由设置是否需要登录，路由工作模式history模式和hash模式的理解听胡说八道：在工艺路线跳跃之前执行有三个返回参数 to, from,...

vue router vue教程

原创 3年前 (2022-10-26) 0 阅读 #uni-app
Vuex:store,actions,mutations,state,getters,mapState,mapGetters,mapMutations,mapActions使用

** 搭建vuex环境 ** 1.安装 npm i vuex 引入store; import store from ‘您的存储路径’ 在new 中写store使用store; 创建store两种方式 src下创建store文...

vue store actions mutations state getters mapState mapGetters mapMutations mapActions Vuex vue教程

原创 3年前 (2022-10-26) 1 阅读 #uni-app
vue2和vue3生命周期对比有什么区别

一、图示vue2.0到vue3.0变化 beforeCreate -˃ use setup() created -˃ use setup() beforeMount -˃ onBeforeMount mounted -˃ onMou...

vue vue3 vue2 vue教程

原创 3年前 (2022-10-26) 121 阅读 #uni-app
VUE脚手架笔记vue.config.js配置文件

...

vue vue教程

原创 3年前 (2022-10-24) 1 阅读 #uni-app
axios的使用怎么解决跨域解决和vue-cli配置代理服务器及proxy配置

** 安装axios ** 1.安装: npm i axios 2.引入: import axios from axios; 3.请求get axios.get(访问地址).then( res =˃ { cons...

vue axios proxy vue教程

原创 3年前 (2022-10-24) 1 阅读 #uni-app
vue动画使用原生的vue及使用animate.css库两种方式,

** // appear=> true 初始化条目页面以执行动画。原生vue直接使用 // 注意:没有name 样式是直接使用的。v-enter-active // 有name 需要使用样式hello-enter-active //...

vue CSS animate.css

原创 3年前 (2022-10-23) 0 阅读 #CSS教程
vue全局事件总线$bus理解（任意组件间传参）以及pub-sub消息订阅与发布

$bus 全球事件总线理解孩子把父亲传给他去理解 ** 消息订阅和发布 pubsub的理解建议：这两种方法都可以实现任意组件之间的参数传递。建议使用原生的$bus,生物比后来的收养更好； **...

vue

原创 3年前 (2022-10-23) 1 阅读 #js教程
vue分别使用watch和计算属性computed分别监听过滤

Document // // {{item.name}} - {{item.age}} -{{item.se...

vue watch

原创 3年前 (2022-10-23) 116 阅读 #js教程
vue2怎么通过监听路由变化给父级路由菜单添加样式

1，项目要求：如果是项目开发中的多级菜单，在勾选子菜单时，需要在父级菜单中增加active样式。 2如果您点击路线菜单第一级中的当前路线，您将被自动添加到路线选项卡中。router-link-exact-active和router-li...

vue

原创 3年前 (2022-10-21) 105 阅读 #Web前端
Vue中父子组件的生命周期的执行顺序

加载渲染进程首先创建父组件，然后创建子组件；也就是说，生命周期如下父beforeCreate 父created 父beforeMount 子beforeCreate 子created 子beforeMount 子mounted 父M...

vue

原创 3年前 (2022-10-20) 101 阅读 #js教程
Vue常用的修饰符有哪些

事件修改器 d .stop 防止点击事件冒泡 .prevent 阻止事件的默认行为 .self 仅当事件由事件绑定元素本身触发时才调用该事件。 .once 仅触发一次 .native 转变为原生事件 .capture 使用事件捕获模式,也...

vue

原创 3年前 (2022-10-20) 121 阅读 #uni-app
vue npm run 启动报错:【Error:listenEADDRINUSE:addressalreadyinuse:::8099】解决方法

报错场景 vue项目启动， npm run dev 之后，报告错误，如图所示。【Error: listen EADDRINUSE: address already in use :::8099】原因分析用于启动服务的地址端口已在使用...

vue npm

原创 3年前 (2022-10-20) 0 阅读 #js教程
浅谈ES6 vue路由懒加载的实现与原理分析

ES6 为什么需要路由延迟加载首先，vue的特点是SPA也就是说，单页面应用程序。如果路由不用于延迟加载，则在webpack打包后，所有页面都将存储在相同的JS在文件中，如果页数较大，则会导致JS文件太大，导致进入主页时加载时间较长...

vue ES6

原创 3年前 (2022-10-20) 1 阅读 #Web前端
读懂数据vue响应式和双向绑定原理

数据响应和双向绑定vue中有不同的概念数据响应数据响应的作用是：数据驱动的视图 1.1 数据响应 Vue采用的是数据劫持与发布和-订户模式通过拦截数据的操作，当数据发生变化时。消息被分发给订阅者，触发相应的监听回调。...

vue

原创 3年前 (2022-10-20) 173 阅读 #Webpack
怎么理解React中受控组件和非受控组件

受控组件在HTML表单元素中，输入类。DOM，与用户的输入，通过。 onChange 事件和 setState ，维护数据 state 在需要时，从 state 在其中获取数据的组件称为受控组件。官方推荐表尽可能多地使用受控组件。受控...

组件 vue react

原创 3年前 (2022-10-20) 86 阅读 #Web前端
怎样从Vue2升级到Vue3

隐患 Vue3实现数据响应的方法是。 Proxy ，对IE11存在以下版本兼容性问题框架的底层进行了大量的重构，增加和放弃了很多东西。API这些地方需要修改，以确保程序的运行。依赖关系也需要升级，包括vue相关插件和第三方插件。...

vue vue3 vue2

原创 3年前 (2022-10-20) 99 阅读 #js教程
Vue v-model语法糖在组件中的使

一：基本 1:主要用于 input，select，textarea，component 2:修饰符： .lazy - 取代input监听change事件 .number - 将输入字符串转换为数字将输入字符串转换为数字 .trim - 输入...

vue

原创 3年前 (2022-10-20) 0 阅读 #js教程
如何使vue拖动调整左右两侧div的宽度

链接到原创文章。链接到原始文章。原始链接。 https://www.cnblogs.com/layaling/p/11009570.html 对于左、中、右大小写，原始文本是拖动的。由于项目需要，我去掉了右侧区域，直接拖动左右区域进行调整d...

js vue

原创 3年前 (2022-10-19) 75 阅读 #Web前端