vue3的ref和reactive
rue); const a = ref({}); const a = ref([]) 基本数据类型：响应式依靠的是object.defineProperty()的get和set。 对象类型：内部求助了vue3的一个新函数——reactive函数。 Reactive函数 <script setup> import { ref, reactive } from 'vue'; // 数据 let name =...
vue项目启动npm install和npm run serve时出现错误Failed to resolve loader:node-sass
1.常见问题 问题1：当执行npm run serve时，出现Failed to resolve loader: node-sass，You may need to install it 解决方法： npm install node-sass@4.14.1 问题2：当执行npm run serve时，出现以下错误 Failed to resolve loader: sass-loaderYou ma...
Vue.js（Axios）
http请求 为什么: 浏览器中创建xhr请求: 4种方案: (1)使用原生XHR对象——麻烦(2)使用jQuery的封装函数——大材小用(jQuery中岂止ajax，还包含大量DOM/动画等操作，而Vue只使用ajax，别的都不用。)(3)使用官方提供的VueResource插件——官方废弃(4)使用第三方工具Axios——本身与Vue没任何关系Vue.js生态系统（Ecosystem）： Vue.j...
vue里面事件修饰符.stop使用案例
Vue.js 事件修饰符 .stop 用于阻止事件继续传播，即阻止事件冒泡。这在处理父子组件之间的事件通信时特别有用，可以防止事件从子组件冒泡到父组件，或者在一个元素上绑定多个事件处理函数时，阻止后续事件处理函数的执行。 下面是一个使用 .stop 事件修饰符的简单案例： 运行效果： 当点击页面的Click Button文案时，浏览器的Console位置只会输出一句Child button click...
【Django-vue-admin学习笔记】解决宝塔的登录提示 nginx 404
登录宝塔有时候会提示这样的界面，你会发现服务没有停止就是进不去了。 今天分享一个解决的具体办法。 直接进入Linux界面命令行输入bt，会出现下面的界面。 第一步输入14，会提示面板地址地址，这里是由于面板地址一些配置文件失效导致的404，因此用最新的面板地址进入就可以了，记得要开启对应的端口号，否则还是无法访问。 然后重新输入bt选择1重启宝塔界面即可。 如果忘记了之前登录时候系统默认给的宝塔管理员...
vue 注册自定义指令，对输入框输入内容过滤（区分中英文）
注册vue全局指令 对el-input输入框进行最大长度过滤（区分中英文） 过滤空格 注册全局指令 main.js /** * 输入框最长输入限制 * @param {*} e 文本内容 * @param {number} maxlength 最大字符长度 * @param {boolean} trim 是否过滤空格 * @returns {string} 最终文本 */const checkLen...
基于SpringBoot+MySQL+SSM+Vue.js的编程课程系统(附论文)
演示视频 基于SpringBoot+MySQL+SSM+Vue.js的编程课程系统(附论文) 技术描述 开发工具： Idea/Eclipse 数据库： MySQL Jar包仓库： Maven 前端框架： Vue/ElementUI 后端框架： Spring+SpringMVC+Mybatis+SpringBoot 文字描述 基于SpringBoot+MySQL+SSM+Vue.js的编程课程系统(附论...
【前端面试常问】vue2与vue3区别
🌟 Vue2与Vue3 的区别 🔮 双向数据绑定：Object.defineProperty vs Proxy Vue2通过Object.defineProperty实现了经典的双向数据绑定机制💡： // Vue2const vm = new Vue({ data: { message: 'Hello Vue2!' }}); console.log(vm.$data.message); // 输出...
【Vue3】ref基本类型的响应式数据
文章目录 ref简介 ref简介 vue3是使用proxy代理，让数据变成响应式数据。反观，vue2是使用数据劫持，使数据达到响应式。作用: 定义响应式变量用法: let xx = ref(初始值)返回值: 一个RefImpl的实例对象，简称ref对象，ref对象的value属性是响应式的特别注意: js中操作数据，需要xxx.value,但是在模版中不需要.value。let test = ref(...
【VUE】Vue3自由拖拽标签
move">拽我</label> </div></div></template><script setup lang="ts"> import { ref, Directive } from 'vue'; const vMove: Directive = { mounted(el: HTMLElement) { let moveEl = el.firstElementChild as HTMLEl...