随笔分类 - 前端 / vue
摘要：硅谷甄选运营平台 此次教学课程为硅谷甄选运营平台项目,包含运营平台项目模板从0到1开发，以及数据大屏幕、权限等业务。 此次教学课程涉及到技术栈包含:vue3+TypeScript+vue-router+pinia+element-plus+axios+echarts等技术栈。 一、vue3组件通信方
阅读全文
摘要：Vue3 setup vue3 中一个新配置项，值为一个函数。在vue3中组件所有用到的数据、方法都要配置在setup中。 setup 两种返回值： 若返回一个对象，则对象中属性、方法，在模板中都可以使用 若返回一个渲染函数，则可以自定义渲染内容（很少用） 注意： 尽量不要与vue2配置混用 vue
阅读全文
摘要：Vue 路由 路由组件通常存放在pages目录，一般组件通常存放在components文件夹 通过切换，“隐藏”了的路由组件，默认是被销毁的，需要的时候再去挂载 每个组件都有自己的 router 属性获取 多
阅读全文
摘要：Vue 生命周期 常用生命周期钩子： mounted：发送ajax请求，启动定时器、绑定自定义事件、订阅消息等初始化操作 beforeDestroy：清除定时器，解绑自定义事件、取消订阅消息等收尾工作 关于销毁Vue实例： 销毁后借助Vue开发者工具看不到任何信息 销毁后自定义事件会失效，但原生DO
阅读全文
摘要：Vuex vue2使用vuex3，vue3使用vuex4。 index.js 内容如下： // 该文件用于创建vuex中最核心的store import Vue from 'vue' import Vuex from 'vuex'; // Vuex插件的使用要在store对象创建之前，js文件中会在
阅读全文
摘要：Vue 代理解决跨域 vue-cli 提供了代理服务器功能用于解决跨域问题。 方法一： 在 vue.config.js 中进行以下配置，以后axios的网络请求地址更换为vue服务的地址，默认 http://localhost:8080 。 module.exports = defineConfig
阅读全文
摘要：Vue 组件化编程 非单文件组件 一个文件中包含n个组件。 <!DOCTYPE html> <html> <head> <meta lang="zh-cn"> <meta charset="UTF-8"> <title></title> <script src="./vue.js"></script
阅读全文
摘要：Vue 自定义指令 https://vuejs.bootcss.com/guide/custom-directive.html 被调用时机 指令与元素成功绑定时（初始化时） 指令所在模板被重新解析时 函数式： <!DOCTYPE html> <html> <head> <meta lang="zh-
阅读全文
摘要：主要逻辑类似： <script> let data = { name: 'name', address: 'address', }; // 创建了一个监视对象，监视data属性的变化 const obs = new Observer(data); let vm = {}; vm._data = da
阅读全文
摘要：Vue 数据代理 Object.defineProperty 使用方法 let person = { name: "zhang san", sex: "male" } // ObjectConstructor.defineProperty<any>( // o: any, 目标对象 // p: Pr
阅读全文
摘要：vue-父子组件通信 子组件给父组件传值使用事件机制子组件给父组件发送一个事件，这个事件携带数据。父组件感知到事件后处理。 子组件写法： this.$emit('event-name', ...data); <template> <!-- 当触发点击事件时，我们通过向上传递事件进而传递数据 -->
阅读全文
摘要：Vue入门 第一个程序 <!DOCTYPE html> <html> <head> <script src="./vue.js"></script> </head> <body> <div id="app"> {{message}} {{obj.name}} {{obj.age}} <ul> <li
阅读全文
