随笔分类 - vue3
摘要：1.使用v-model可以实现双向数据绑定输入框默认和p标签为空，当输入框输入内容时，p标签在页面上会自动出现输入框输入的内容，其中v-model可以结合lazy使用，写成v-model.lazy这样写可以在用户按回车或者失去焦点时，p标签才会被赋予上值 2.v-model.number可以让输入框
阅读全文
摘要：问题我们本地调试一般都是 npm run serve，然后打开 本机ip:8080（localhost:8080）对吧，这时候我们要调接口调试，后端的接口的地址可能在测试环境，也可能是自己电脑的 ip，总之不是你的 lcoalhost:8080，那么你调接口就会产生跨域，那么怎么办呢？就需要prox
阅读全文
摘要：该方法可以进行判断一个引用类型的数据是否有值，如果为undefind则可以设置默认值给它1、需要安装Lodash,再在使用的文件中引入Lodash npm install -S lodash安装lodash依赖包import _ from ‘lodash’;//文件中引入lodash模块2、使用_.
阅读全文
摘要：import {onMounted, ref,onUnmounted,getCurrentInstance } from 'vue' import router from "../router"; const { proxy } = getCurrentInstance() // import {
阅读全文
摘要：vue3.0+vite1.全局安装vite // 可以在全局目录中看到create-vite-app目录npm install -g create-vite-app122.初始化vite项目 // 两种命令结果相同// npm init vite-app <project-name>npm init
阅读全文
摘要：前言 Vue3已经发布很长一段时间了，相信大多数前端人都已经上手把玩过了，其中比较大的一个特性就是setup方法，可以让我们非常直观和方便的组合我们的业务逻辑和hooks。在setup里面返回的变量可以直接在template里面使用。大多数情况下，我们的大部分逻辑都集中在setup方法里面，所以官方
阅读全文
摘要：一、reactive 函数引入 import { reactive } from 'vue' 二、什么是 reactive？ 1、reactive 是 Vue3 中提供的实现数据响应式的方法 2、在 Vue2 中响应式数据 是通过 defineProperty 来实现的 所以再对一些复杂类型进行更改
阅读全文
摘要：1.什么是ref?ref和reactive一样,也是用来实现响应式数据的方法由于reactive必须传递一个对象,所以在实际开发中如果只是想让某个变量实现响应式的时候回非常麻烦所以Vue3提供了ref方法实现简单值得监听2.ref本质ref底层其实还是reactive,所以当运行时系统会自动根据传入
阅读全文
摘要：Composition API是Vue的下一个主要版本中最常用的讨论和特色语法。这是一种全新的逻辑重用和代码组织方法 当前，我们使用所谓的Options API构建组件。为了向Vue组件添加逻辑，我们填充（选项）属性，例如数据，方法，计算的等。这种方法的最大缺点是，这本身并不是有效的JavaScri
阅读全文
摘要：// vue2.xexport default { data () { return {} }, methods: { ... }, beforeCreate() {}, created() {}, beforeMount() {}, mounted() {}, beforeUpdate() {},
阅读全文
