Vue 开发经验总结 1、变量和方法，别写在全局，使用模块化导出、导入 对比项目 | 优点 | 缺点 | 适用场景 | | | 写在全局 | | 会一直存在 | 使用模块化导出、导入 | 按需要导入 | | 2、组件的prop值是请求接口后设置的（异步），可以在子组件中watch该prop，来进行一
转载
2019-04-04 14:20:00
121阅读
2评论
# 前端Vue开发架构单页项目架构总结
在现代前端开发中，Vue.js因其轻量、灵活和高效的特性而受到广泛欢迎。本文将总结Vue开发单页项目架构的关键要素，帮助开发者构建高效、可维护的应用程序。我们将通过代码示例来演示架构中的各个部分，并通过状态图和旅行图来帮助理解。
## 一、Vue项目基本结构
在我们开始构建Vue项目之前，了解其基本结构是至关重要的。一个标准的Vue单页应用（SPA）的
原创
2024-09-18 07:08:05
58阅读
活动设计的前端架构 主要的技术栈为 Vuejs，Webpack，请自行阅读如下技术或者框架的文档： 一、基础说明： node (http
原创
2022-12-29 09:46:18
369阅读
前言 迟来的Vue3文章,其实早在今年3月份时就把Vue3过了一遍。在去年年末又把 TypeScript 重新学了一遍，为了上 Vue3 的车，更好的开车。在上家公司4月份时，上级领导分配了一个内部的 党务系统开发 ，这个系统前端是由我一个人来开发，功能和需求也不怎么复杂的一个B 端 系统，直接上的 ...
转载
2021-07-13 15:10:00
237阅读
2评论
迟来的Vue3文章,其实早在今年3月份时就把Vue3过了一遍。在去年年末又把 《TypeScript》重新学了一遍，为了上Vue3 的车，更好的开车。...
转载
2021-08-30 16:47:10
309阅读
前言 迟来的Vue3文章,其实早在今年3月份时就把Vue3过了一遍。在去年年末又把 TypeScript 重新学了一遍，为了上 Vue3 的车，更好的开车。在上家公司4月份时，上级领导分配了一个内部的 党务系统开发 ，这个系统前端是由我一个人来开发，功能和需求也不怎么复杂的一个B 端 系统，直接上的 ...
转载
2021-07-13 09:33:00
226阅读
2评论
把 《 TypeScript 》 重新学了一遍，为了上Vue3 的车，更好的开车。
转载
2021-12-20 13:35:26
10000+阅读
vue中key的作用和原理key的作用主要是为了高效更新虚拟dom原理是vue在patch过程中通过key可以精准的判断两个节点是否是同一个，从而避免频繁更新不同元素 vue事件修饰符stop阻止事件继续传播prevent阻止标签默认行为once事件只会触发一次passive不阻止事件的默认行为 vue首屏加载慢如何处理使用CDN资源，减少服务器压力路由懒加载js、css分离 vue页面传参一
转载
2021-04-20 22:12:13
169阅读
2评论
1、尽量不操作dom 使用数据双向绑定 2、使用指令 如:title 不是title
转载
2018-06-13 11:47:00
61阅读
2评论
1.计算属性（computed）和侦听属性（watch）的区别 computed官方文档：计算属性是基于它们的响应式依赖进行缓存的。只在相关响应式依赖发生改变时它们才会重新求值 这就意味着只要 message 还没有发生改变，多次访问 reversedMessage 计算属性会立即返回之前的计算结果 ...
转载
2021-10-18 09:36:00
75阅读
2评论
1、双向数据绑定//模拟双向数据绑定const d1 = document.getElementById('d1');const d2 = document.getElementById('d2');const obj = {}Object.defineProperty(obj,'msg',{ //表示的意思是，监听obj对象下面的msg属性，一旦msg发生了变化，set方法就会被执行，里面的代
原创
2022-02-18 11:44:02
147阅读
最近做了Electron-vue相关的客户端开发做出了如下总结：利用new BrowserWindow()方法创建窗口对象能满足开发项目的窗口属性有win = new BrowserWindow({
width: 700,
height: 600,
minWidth:1000,
minHeight:600,
// 文档https://www.w3cschool.cn/electronma
转载
2021-02-25 17:18:10
787阅读
2评论
续上一篇文章：vue2.0开发实践总结之入门篇，如果没有看过的可以移步看一下。1.vue组件的说明和使用一个组件实质上是一个拥有预定义选项的一个Vue实例在header组件内部允许外部使用，需要导出属性，有2种导出方法默认导出（不用命名）exportdefault{data(){return{msg:'header'}}}以上代码实际上会自动生成一个newvue在父组件中导入importHeade
原创
2021-01-10 19:10:22
161阅读
VueMVVM思想M：即Model，模型，包括数据和一些基本操作V：即View，视图，页面渲染结果VM：即View-Model
原创
2022-10-05 22:42:54
169阅读
相对于PC端来说，移动端设备分辨率百花齐放，千奇百怪，对于每一个开发者来说，移动端适配是我们进行移动端开发第一个需要面对的问题。
转载
2022-02-25 17:20:30
216阅读
vue2.0据说也出了很久了，博主终于操了一次实刀。整体项目采用vue+vue-router+vuex（传说中的vue全家桶），构建工具使用尤大大推出的vue-cli项目是图片分享社交平台。项目预览：1.vue-cli构建工具必知我选用的vue-cli是基于webpack的版本，不了解webpack的可以先粗略看下下面的基本知识webpack基本知识点：entry：入口点，webpack会从入口点
原创
2021-01-10 18:46:28
173阅读
相对于PC端来说，移动端设备分辨率百花齐放，千奇百怪，对于每一个开发者来说，移动端适配是我们进行移动端开发第一个需要面对的问题。
转载
2021-07-16 14:21:07
116阅读
vue技能总结1：传值 隔代传值通过v-bind = “$attrs”.2:传方法 v-on=“$listeners” 就可以在子组件调用父组件的方法 ，this.$emit("methodsFromParent")3:子传父 slot 孩子： <slot name="aa" :foo="'fooooooooo'"></slot>爹 ： <HelloWorld
转载
2021-04-04 22:40:31
197阅读
2评论
