
vue
文章平均质量分 57
vue相关
仙女爱吃鱼
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
虚拟dom是如何挂载到真实dom上的
一.先使用createElement()方法生成虚拟dom节点createElement(‘ul’, {class: ‘list’}, [ createElement(‘li’, {class: ‘item’}, [‘1’])] )确定VNode的结构class Element { constructor(tagName, props, children) { this.tagName = tagName this.props = props原创 2022-04-14 23:18:58 · 1203 阅读 · 0 评论 -
Vue的异步组件与动态组件
异步组件:vue的一种性能优化的方法,可以实现组件的按需加载组件通过import函数引用,什么时候需要什么时候加载有利于项目的性能优化,提高页面的加载速度路由懒加载就是使用了异步组件的原理规则:使用import引入components: {IsAsyncDemo: () => import(‘./IsAsyncD.vue’)},ex:点击按钮才加载组件<template> <div> <IsAsyncDemo v-i原创 2022-04-13 23:06:07 · 1402 阅读 · 3 评论 -
Vue报错:Root file specified for compilation Vetur(1261)
在vue项目中遇到如下错误module "/Users/lin/Documents/web前端/webpack4-learning/webpack-vue/src/components/IsAsyncDemo.vue"Already included file name '/Users/lin/Documents/web前端/webpack4-learning/webpack-vue/src/components/IsAsyncDemo.vue' differs from file name '/Use原创 2022-04-13 22:44:48 · 10240 阅读 · 4 评论 -
Vue和React的异同点及如何选型
一、React和vue相同点:构建虚拟dom实现快速渲染轻量级易于集成打包工具,路由工具及状态管理工具优秀的支持和社区二、React和vue有什么区别Vue使用的是开发者更熟悉的模板与特性: html+css+js 组合模式呈现(template),跟web现有的技术能很好的配合,比较容易 的把 功能和布局 分开,vue更注重前端开发者的习惯,所以更容易被前端工程师接受;而react使用的是 函数式编程(jsx在js中编译成html),更适合 有函数式编程经验 的开发者vue是自动档原创 2022-03-31 17:21:57 · 4450 阅读 · 0 评论 -
vue中的 data 为什么是一个函数
一句话总结:因为组件复用问题要区分作用域首先我们做一个类比我们定义一个对象,再直接赋值给其他变量,我们只要改变了一个变量的值,那么其他变量的值也会相应改变,因为这几个变量都指向的同一个地址那么我们使用函数调用呢对于三个不同的变量 p3,p4,p5进行赋值,并且都是调用方法 person1,也就是说创建了三个不一样的实例,所以返回的此方法的值也就赋值给了三个不同的地址,因此这三个变量的内存地址是不同的,改变其中一个另外两个也不会改变在vue 中,data 如果是一个对象,里面存放着很多数据 ,原创 2022-03-22 19:36:51 · 719 阅读 · 0 评论 -
vue2和 vue3生命周期区别(optionsAPI 和 composition API区别)
vue2与 vue3生命周期的执行顺序及测试原创 2022-03-22 16:09:28 · 1480 阅读 · 0 评论 -
vue3使用 npm run dev时报错Cannot find module ‘worker_threads‘
vue3.0启动项目的时候报错Cannot find module ‘worker_threads’网上找到的解决办法是升级 node 版本,试了一下竟然成功了!先查看一下 node 版本,然后全局版本升级然后切换到最高版本sudo n latest或者使用 nvmnvm install 17.7.2nvm use 17.7.2node -v查看版本已经切换成功再执行 npm run dev启动成功!...原创 2022-03-22 14:15:02 · 7151 阅读 · 0 评论 -
Vue3 proxy实现双向数据绑定的原理解析
1.什么是Proxy?它的作用是?Proxy可以理解成,在目标对象之前架设一层 "拦截",当外界对该对象访问的时候,都必须经过这层拦截,而Proxy就充当了这种机制,类似于代理的含义,它可以对外界访问对象之前进行过滤和改写该对象。2.Object.defineProperty的缺点深度监听需要一次性递归 (遍历每个对象的每个属性,如果对象嵌套很深的话,需要使用递归调用。)无法监听新增属性/删除属性(Vue.set Vue.delete,未在 data 中定义的属性会报 undefined)无法原原创 2022-03-19 22:30:47 · 8759 阅读 · 0 评论 -
nuxt 简介&渲染流程概述
- 简介:基于 vue.js 的服务端渲染,是在服务端对 vue页面进行渲染生成 html 文件,再将 html 文件(html 字符串)传回给浏览器,不同于SPA 的单页面只有一个空的 Html 和 app.js,nuxt 生成的 html 是有内容的,所以更有利于搜索引擎的 seo 操作,并且加快了首屏加载时间。- 流程:用户输入网址后请求到 nodejs部署在 nodejs 的nuxt 应用接收到浏览器请求,请求服务端获取数据 (渲染流程:发起访问-执行 store 中操作-执行中间件-动态路原创 2021-03-19 13:48:59 · 719 阅读 · 0 评论 -
使用vuepress搭建静态博客
vuepress主题配置不只是简单的样式配置等,其中包括导航与侧边栏部分的配置,此处配置参见官网导航栏”默认主题配置“使用vuepress搭建静态博客原创 2018-05-02 10:03:33 · 7405 阅读 · 5 评论 -
vue是什么
vue为什么要用vue传统的网页形式是浏览器脚本语言js连接了各种各样的Html,css,但缺乏正规的组织形式,比如在页面元素非常多,结构很庞大的网页中,数据和视图如果全部混杂在一起,像传统开发一样全部混合在HTML中,那么要对它们进行处理会十分的费劲,并且如果其中有几个结构之间存在藕断丝连的关系,那么会导致代码上出现更大的问题,比如juqery中使用的$('#xxx').parent()....原创 2018-12-16 14:57:46 · 91406 阅读 · 24 评论 -
vue中格式化json数据输出到html中
格式化json数据输出到html中最近在整理公司的hybrid协议和demo,其中有一个代码展示,因为是直接把在js部分的代码通过vue填到了html中,所以格式全变了,然后就开始尝试 格式化json,写了很多方法,也百度了很多,那些方法使用document.write()输出就是想要的格式,但一使用vue的filter返回就不管用,最后偶然发现了一个超级nb的属性:white-space: p...原创 2018-11-29 16:40:23 · 16055 阅读 · 3 评论 -
vue-router使用$router.push(),页面挂起进入debug模式,提示Uncaught (in promise) undefined
问题vue-router使用$router.push()跳转页面时,页面挂起进入debug模式,提示Uncaught (in promise) undefined,断点进入function (err) { if (onAbort) { onAbort(err); } ……}此方法分析(待补充完善……)Uncaught (in promise) undefined,未捕获的promise,因为应用程序实际上没有生成任何错误。它只是一个导航($r原创 2020-06-16 14:21:45 · 2384 阅读 · 6 评论 -
使用事件代理实现vue的手风琴组件
使用事件代理(事件委托)写vue的手风琴组件,展示加载状态,实现分页加载数据。原创 2017-11-12 16:23:36 · 2175 阅读 · 0 评论