全部 Vue JavaScript TypeScript React NodeJs Css

分类：前端

枫雨 3年前 Vue

修改props之sync修饰符

修改props1.传统方式Vue父传子可以使用props，子组件接收到后就可以使用了。但是如果子组件中需要对props进行修改，是不能在子组件中直接进行修改的，需要使用 $emit() 触发父组件的方法并传值过去，在父组件中接收传过来的数据然后进行修改。父组件：<template> <div class="app">  &...

426 0 1

vue中使用$set定义响应式数据

枫雨 3年前 Vue

vue中使用$set定义响应式数据

有如下代码：<template> <div class="about"> <h1> {{ person }} </h1> <button @click="addAge">更新age</button> <button @click="addSex">直接添加性别</button> <button @click="setSex">$set添加性别<...

322 0 0

Vue获取组件渲染后的DOM

枫雨 3年前 Vue

Vue获取组件渲染后的DOM

Vue获取组件渲染后的DOMvue 中获取元素的 DOM 时，有两种情况。一种是获取普通元素的 DOM ，另一种是获取组件渲染后的 DOM 。两者都需要给元素设置 ref 属性，都需要使用 $refs 获取 DOM ，但是略有区别。1.获取普通元素DOM在 vue 中获取 DOM 元素，直接给需要获取的 DOM 标签添加 ref 属性，然后通过 $refs.属性名即可获取 DOM 。1.1 先设置 ref 属性：<template> <div class="about" ref="about"> <h1&...

434 0 0

js浮点精度问题

枫雨 3年前 JavaScript

js浮点精度问题

JS浮点精度问题打开浏览器控制台，进行小数计算0.1 + 0.2 == 0.3 false 0.1 + 0.2 === 0.3 false 0.1 + 0.2 > 0.3 true 0.1 + 0.2 0.30000000000000004可以看到，0.1+0.2是不等于0.3，而是大于0.3。浮点数相加出现这种不相等的情况，是因为其计算过程中存在进制换算问题。整数转换为二进制整数换算为二进制是除以2取余，一直除到商为0，然后倒着取余数比如将24转换为二进制：//比如24转换为二进制 24/2 = 12余0 12/2 = 6余0 6/2 = 3余0 3/2 = 1余1 1/2 = ...

332 0 0

vue快速原型开发

枫雨 3年前 Vue

vue快速原型开发

vue快速原型开发有时候我们只是想要查看一两个vue文件的效果，但是却不得不使用 Vue CLI 创建一个完整的项目。然后copy代码进去才能看到具体的效果。这非常麻烦，那么有没有什么简单的方法可以不用脚手架创建整个项目就能看到一个vue页面的效果呢？答案是：有！1.安装插件首先需要安装一个插件，输入如下命令进行安装：npm install -g @vue/cli-service-global注意，这个需要全局安装才行，所以 -g 选项不能省略。2.运行服务插件安装完成后，直接在你需要查看效果的 *.vue 文件所在的文件夹中运行如下命令即可：vue serve 文件名.vue没错，这样...

355 0 0