网站链接: 我爱捣鼓
当前位置: 首页 > 前端开发  > javascript > Vue
  • vue操作dom元素报错 style of null的原因

    这两天在用vue开发项目,在使用vue操作dom元素报错 style of null,下面就是报错的语句。document.querySelectorAll(".now")[1].style.color="#606266"document.querySelectorAll(".now")[1].style.background="#fff" 找…

    2022/3/26 21:45:04
  • vue单点登录实例(含源码)

    最近在研究vue的单点登录功能,在网上看到一个非常好的实例,今天共享给大家。代码:login.vue<template> <div class="hello"> <h1>{{ msg }}</h1> <button @click="handleLogin">点击登录</button> …

    2022/1/28 12:26:41
  • Vue实战之制作线性环形进度条

    掌握一门语言最重要的就是实践,今天我们就通过Vue来实现线性进度条和环形进度条设计思路进度条分类:线性进度条(采用DIV嵌套实现),环形进度条(采用SVG实现)。提取共性特征:颜色,高度,显示内容,图标样式等属性值的提取,根据属性来区分展示的,采用计算属性实现…

    2022/1/2 15:43:24
  • Vue实战之制作美女拼图游戏

    本例是通过Vue来制作美女拼图游戏,其中拼图游戏一共分5关,分别是3*3,4*4等,难度逐级增加,所用图片的均是500px*500px大小,如下图所示: 当拼图完成时,询问是否进行下一关,如下所示: 下一关,效果如下所示: 其他效果图类似,只是分的行和列…

    2022/1/2 15:30:16
  • AngularJS与vue.js的区别

    AngularJS 是一个 JavaScript 框架。它可通过 <script> 标签添加到 HTML 页面。AngularJS 通过 指令 扩展了 HTML,且通过 表达式 绑定数据到 HTML。Vue.js (读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架。Vue 只关注视图层, 采用…

    2021/12/9 21:34:47
  • Vue实现数据驱动(双向数据绑定)的原理

    什么是数据驱动 数据驱动是Vue.js最大的特点。在vue中,所谓的数据驱动就是当数据发生变化时,用户界面发生相应的变化,开发者不需要手动的去修改DOM。 比如,我们点击一个button,需要元素的文本做一个 “是/否” 的切换操作,在传统的jQuery中,对于页面…

    2021/12/7 21:43:17
  • Vue为什么要使用虚拟DOM?

    什么是虚拟DOM 在Vue.js 2.0版本中引入了 Virtual DOM 的概念,Virtual DOM 其实就是一个以JavaScript对象(VNode节点)作为基础来模拟DOM结构的树形结构,这个树形结构包含了整个DOM结构的信息。简单来说,可以把Virtual DOM理解为一个简单的JS对象,并且最少包含…

    2021/12/7 21:39:27
  • Vue框架有什么优势?

    什么是Vue.js Vue是一套用于构建用户界面的渐进式的JavaScript框架。Vue.js的优势 体积小:压缩后只有33k; 更高的运行效率:基于虚拟DOM,一种可以预先通过JavaScript进行各种计算,把最终的DOM操作计算出来并优化的技术,由于这种DOM操作属于预处…

    2021/12/7 21:34:11
  • Vue实现Ajax的get和post方法

    JavaScript实现Ajax的方法大家应该都很熟悉,最近一直在看Vue的资料,今天我们就来说说Vue实现Ajax的get和post方法:Vue实现Ajax的get方法<!DOCTYPE html><html><head><meta charset="utf-8"><title>Vue实现Ajax的get和post方法…

    2021/12/7 21:28:10