vue教程 - itfan123

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) 232 阅读 #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) 245 阅读 #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) 183 阅读 #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) 152 阅读 #Vue
VueJS总结

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

vue vue教程

原创 3年前 (2022-10-27) 153 阅读 #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) 171 阅读 #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