![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 92
Mr_RedStar
爱摄影、爱学习、爱生活
展开
-
vue2最佳实践
vue2最佳实践为列表渲染设置属性key在v-if/v-if-else/v-else中使用key关于路由切换组件不变的解决方案路由导航守卫beforeRouteUpdate观察$route对象的变化为router-view组件添加属性key为所有的路由统一添加query使用全局守卫beforeEach使用函数劫持区分Vuex与props的使用边界避免v-if和v-for一起使用为组件样式设置作用域避免在scoped中使用元素选择器避免隐性的父子组件通信最佳实践主要来源于《深入浅出vue》一书为列表渲染原创 2022-03-20 21:50:57 · 744 阅读 · 0 评论 -
浅谈vue3的Reactivity API和Composition API
文章目录Reactivity API响应式数据reactiverefcomputed判断数据转换数据小结监听数据watchEffectwatch小结Composition APIsetup生命周期小结总结Reactivity API响应式数据vue3的响应式系统是脱离组件的,下面的代码可在js文件中直接执行。reactivereactive可以使数据变成响应式。import {reactive} from 'vue'//本质上,下面的代码等于new Poxy({ count: 0 })co原创 2022-03-19 21:19:23 · 1100 阅读 · 0 评论 -
vue2风格规范
vue2风格规范前言单组件如何命名单文件组件的文件名的大小写基础组件名单例组件名紧密耦合的组件名组件名中的单词顺序完整单词的组件名组件名为多个单词模板中的组件名大小写JS/JSX中的组件名大小写自闭合组件prop名的大小写多个特性的元素模板中简单的表达式简单的计算属性指令缩写良好的代码顺序组件/实例的选项顺序元素特性的顺序单文件组件顶级元素的顺序前言项目开发,以个人愚见,应从规范入手,遵从社区规范,学习前辈们经验总结的最佳实践,这于个人于团队都是有利的。编程除了有些是靠思维,我认为大多数还是靠记忆的原创 2022-03-18 16:56:21 · 1429 阅读 · 0 评论 -
vue3相比vue2有哪些变化?
vue3相比vue2有哪些变化?API和数据响应式的变化去除构造函数组件实例中的API响应式的变化生命周期Vue3新增模板中的变化v-model与.sync修饰符v-for和v-ifkeyFragment组件的变化异步组件可自行更改组件结构API和数据响应式的变化去除构造函数在vue2中,当一个页面需要多个vue应用时,在需要插件的场景下,会导致多个应用都挂载了相同的插件,因为插件的注册是在new vue之前,即挂载在vue的原型上。Vue.use(XXX)Vue.mixin(XXX)new原创 2022-03-17 14:34:13 · 1270 阅读 · 0 评论 -
vue3相比vue2效率提升在哪些方面?
vue3相比vue2效率提升在哪些方面?静态提升静态提升相比vue2,vue3对以下静态节点进行提升:元素节点没有绑定的动态内容//vue2的静态节点render(h){ //直接render h('h1',null,'this is h1')}//vue3的静态节点const hoisted = createdVNode('h1',null,'this is h1')render(){ //直接使用被提升的静态节点}通过打开vue3工程,可以看到起运行代码中包含着h原创 2022-03-16 14:48:20 · 2316 阅读 · 0 评论