VUE
文章平均质量分 91
.
姚木木
这个作者很懒,什么都没留下…
展开
-
15分钟上手vue3.0(小结)
这篇文章主要介绍了15分钟上手vue3.0,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值Vue 3 还没有正式发布,但是 Alpha 版本已经发布了。虽然官方还不推荐在生产环境中直接使用 Vue 3 ,但是提前学习总归是有好处的。嘴上喊着老子学不动了,双手还是很诚实的打开了 Vue 3 文档创建项目Vue 官方很贴心的提供了一个 github 仓库,让我们能快速体验Vue 3的新特性:git clone https://github.com/vuejs/vue-ne原创 2021-05-06 10:29:40 · 574 阅读 · 0 评论 -
vue3.0是如何做的速度提升的?
一.diff算法优化;vue2.X中的dom是进行全量对比渲染(对应的所有dom都对比一遍,增加了对比次数和渲染速度);vue3.0添加了静态标记(与上次dom节点对比的时候,只对比有静态标记的dom进行渲染)二.hoistStast 静态提升vue2.x无论元素是否参与更新,每次都要重新创建,然后渲染;vue3.0中对于不参与更新的元素,会做静态提升,只会被创建一次,在渲染时直接复用即可;三.cacheHandlers 事件侦听器缓存vue2.x默认情况下onClick 会被视为动态绑定原创 2020-12-29 18:31:23 · 403 阅读 · 0 评论 -
Vue开发结构语法规范
1.结构化规范├── index.html 入口页面├── build 构建脚本目录│ ├── build-server.js 运行本地构建服务器,可以访问构后的页面│ ├── build.js 生产环境构建脚本│ ├── dev-client.js 开发服务器热重载脚本,主要用来实现开发阶段的页面自动│ ├── dev-server.js 运行本地开发服务器│ ├── utils.js 构建相关工具方法│ ├── webpack.base.conf.js wabpack基础配置│ ├──原创 2020-06-11 09:37:25 · 504 阅读 · 0 评论 -
Vue2.0的三种常用传值方式、父传子、子传父、非父子组件传值
Vue2.0 传值方式:在Vue的框架开发的项目过程中,经常会用到组件来管理不同的功能,有一些公共的组件会被提取出来。这时必然会产生一些疑问和需求?比如一个组件调用另一个组件作为自己的子组件,那么我们如何进行给子组件进行传值呢?如果是电商网站系统的开发,还会涉及到购物车的选项,这时候就会涉及到非父子组件传值的情况。当然你也可以用Vuex状态管理工具来实现,这部分我们后续会单独介绍。我先给大家介绍Vue开发中常用的三种传值方式。Vue常用的三种传值方式有:父传子子传父非父子传值引用官网的一句话:父转载 2020-05-26 17:44:15 · 280 阅读 · 0 评论 -
vue单页面与多页面的优缺点
vue单页面PK多页面单页面应用多页面应用单页面应用页面跳转JS渲染优点:页面切换快缺点:首屏时间慢,SEO优化差Vue提供了服务器端渲染,我们可以完美解决掉单页面之中的问题多页面应用页面跳转返回HTML优点:首屏时间快,SEO优化效果好缺点:页面切换慢...原创 2019-08-29 10:04:58 · 7192 阅读 · 0 评论 -
Vue.JS项目中5个经常用到的Vuex插件
使用 Vuex 来管理 Vue 的状态,有很多好的理由。其中之一就是,通过 Vuex 插件可以非常容易的扩展一些很酷的功能。Vuex 社区中的开发人员已经创建了大量的免费插件供你使用,有许多你能想象的功能,还有一些你可能没有想到的功能。状态持久化同步标签页、窗口语言本地化管理多个加载状态缓存操作1. 状态持久化vuex-persistedstate 使用浏览器的本地存储( local sto...原创 2019-08-29 10:42:29 · 311 阅读 · 0 评论 -
vue路由跳转,模拟原生网页判断是否回到顶部
const router = new VueRouter({ routes: [...], scrollBehavior(to,from,savedPosition){ // return {x:100,y:100} //浏览器以页面的x:100,y:100的位置开始显示 // return{ selector : '.a' } ...转载 2019-10-09 17:28:15 · 244 阅读 · 0 评论