Embrace924的博客

后添加的属性无法走到Object.defineProperty 这一步，所有无法更新视图直接添加新属性，添加age属性后，视图不会自动更新。必须使用$set(target,index,val)来改变数据和视图，但是在vue3中不存在$set。通过索引修改数组元素视图也不会更新，因为 Vue 2 没有对这种操作进行响应式跟踪，使用push、pop、splice $set(target,index,val)来改变数据和视图。

它的主要作用是比较新数据与旧数据虚拟 DOM 树的差异，从而找出需要更新的部分，以便将这些最小化的变更应用到真实 DOM上，减少不必要的 DOM 操作，提高性能。

1.首先找一个串口工具（）试试读取串口是否成功连上；2.创建；3.安装，调整版本，启动项目；4.学习工具；5.开发入口文件，测试是否成功获取串口信息6.成功获取串口后，接收台称数据7.根据台称说明书与协议，解析台称数据（数值，单位，正负，精度...）8.完成称重需求9.完成打印需求10.完成自动更新11.防止开启多个应用。

Vue3.0 reactive()、ref()、unref()、isref()、toRefs()、computed()，watch(),watchEffect()

css 变量又称为 CSS 自定义属性，它的值可以在整个文档中重复使用。设定值 --双横线获取值 var()函数变量的声明与使用因为 $被 Sass 用掉了，@被 Less 用掉了 ，为了不产生冲突，官方的 CSS 变量就用了--。声明变量的时候，变量名前面要加两根连词线--。body { // 声明 --font-color: #7F583F;}.main{ // 使用 color:var(--font-color);}css变量命名规则普通字符

github:https://github.com/zdy1988/vue-jstree

:rules="rules"

el-date-picker 选中第一个日期后 第二个日期给出可选范围效果: 选中2020年5月13日之后 前面4月13日到5月13日可选 后面5月13日到6月13日可选 <el-date-picker v-model="value2" type="datetimerange" size="small" :picker-options="pickerOptio...

需求：先选类型 再级联选择内容改变类型 会改变级联选择的可选内容有食品 家居用品 衣服 三个类型选择不同的类型后 级联选择内容选某一公司 然后懒加载出来该公司不同的商品 选中某个商品结束关键点在于 更改不同类型后 级联选择的可选公司会变动 并且选中公司后 懒加载商品也会更新Element-ui的级联选择器<el-cascader :props="props"></el-cascader><script> let...

表格示例:该案例在动态表格中，验证同一个字段是否为空，是否超出最大限制字符 ，是否做不重名验证；示例中主要是验证对应别名（columnComment）字段，所有对每个别名字段循环一个el-formrules model对每个循环的 el-form-item中加入 :ref="`elFormItem${scope.$index}`" <el-table ...

1. 普通旋转加载效果代码：<template> <button data-label="do it!" class="loading">do it! </button></template><script>export default { name: 'loader...

https://cn.vuejs.org/v2/guide/components-custom-events.html#sync-%E4%BF%AE%E9%A5%B0%E7%AC%A6prop传入visible的值来控制innerVisibleinnerVisible根据visible的值来显示弹框当弹框在组件内部关闭时，发出$emit请求 来改变visible的值<t...

此项目中我们将element-ui 自定义主题，并且覆盖更改了一些样式作用：1.避免在每个项目中重新生成主题文件2.避免每个项目不一致性3.增加可维护性开始在src目录下建了一个index.js文件用于导出重新的less文件和element-ui编译出的font和css文件这里要注意先后顺序，相同样式的情况下后面的会覆盖前面的index为编译出的主题样式文件...

js：文件/** * Created by cld on 2019/7/31. */// js 文件import '../../assets/css/load.css';import load from '../../assets/image/load.svg';function getElementStyle(obj, attr) { if (obj.current...

Vue 开发|文件目录结构部署├── index.html 入口页面 ├── build 构建脚本目录 │ ├── build-server.js 运行本地构建服务器，可以访问构建后的页面 │ ├── build.js

elementUI 组件select 一个页面多次使用的情况

vue 多入口文件搭建  vue多页面搭建红色为更改后的不同之处vue 多入口文件搭建在webpack.base.conf 中修改varpath = require('path')varconfig = require('../config')varutils = require('./

vue transition的效果

          &lt;template&gt;    &lt;div class="cb-container"&gt;        &lt;input type="checkbox"               id="checkbox"&gt;        &lt;label for="checkbox"               class="cb

//毫秒数变成 自定义的 年月日时间const formatData = (val) =&gt; { let date = new Date(val); let dateTime = date.toLocaleString(); return dateTime;};// 重写方法，自定义格式化日期Date.prototype.toLocaleString =...

Vue CLI 3.0搭建如今，官方文档已经升级3.0，在 vue-cli 3.0中，我们需要重新配置：如果你已经安装了vue 2.9.6 的话，则需要先将其删除：npm uninstall -g vue-cli 更新Vue-cli 指令：npm install -g @vue/cli# ORyarn global add @vue/cli查看版本： vue...

优化方法：路由懒加载 src/router.js 改成import引入2.按需引入echarts、loadash、element等，具体查看相关官方文档3.vue.config.js设置生成环境关闭sourceMap，设置productionSourceMap为false即可去掉css的sourceMapproduct...

路由懒加载当打包构建应用时，JavaScript 包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了。结合 Vue 的异步组件和 Webpack 的代码分割功能，轻松实现路由组件的懒加载。首先，可以将异步组件定义为返回一个 Promise 的工厂函数 (该函数返回的 Promise 应该 resolve...

VUE eslint验证npminstall--save-deveslintbabel-eslintvue-eslint-parser@2.0.1-beta.2babel-eslinteslint-plugin-vue@3eslint-config-alloyhttps://www.npmjs.com/package/eslint-config-alloy...

1.$refs的使用场景父组件调用子组件的方法，可以传递数据。父组件：<div id="app"> <child-a ref="child"></child-a> <button @click="getMyEvent">点击父组件</button><div><script> ...

vue 项目 使用sass 原文：http://www.cnblogs.com/crazycode2/p/6535105.html