05 2022 档案
摘要：选项框禁用 disabled属性，为true时禁用 清空选项框内容 this.form.cityCode = '' 或者 null delete this.form.cityCode 清空整个表单的内容 表单需要有ref属性，然后每个el-form-item需要有prop属性这个方法才生效 this
阅读全文
摘要：vue中，引入axios，使用mock模拟数据，控制台报404 Not Found 原因是，没有在main.js中引入 import './mock/index' 使用mock模拟数据： 1、首先安装mockjs和axios yarn add mockjs yarn add axios 或者 npm
阅读全文
摘要：vscode中注释掉的代码如果下方没有代码，那么可以折叠收起来 一旦下方有新的代码，那么注释的代码就不可以折叠起来了 可以在要折叠的代码上添加#region #endregion ，这样就可以折叠了 #region 要折叠的代码 #endregion
阅读全文
摘要：v-for 遍历数组，遍历对象，遍历字符串，遍历指定次数 总结：
阅读全文
摘要：v-show 条件渲染 v-if 也可以条件渲染 区别： v-show 在dom中节点还存在，只是展示不展示的问题 v-if 在dom中节点不存在，每次都需要添加或者删除 v-if v-else-if中间不能被打断 v-if和template配合使用，不破坏整体结构，不需要外面div包裹，只能是v-
阅读全文
摘要：总结： 样式对象就是styleObj里面的fontSize等，key不能随便写，要是存在的style的标签
阅读全文
摘要：深度监视 监视的简写形式（当配置项中只有handler，没有其他的配置项（immediate，deep）时，可以简写）：
阅读全文
摘要：如果一个数据页面上没有展示用到，但是点击方法后，修改了这个值，vue开发者工具的数据展示是不变的， 因为觉得页面上也没用到，所以就vue开发工具展示也没变，但实际上这个数据是变了的，只是没有在vue开发者 工具上展示而已。 监视属性（可以监视data属性，也可以监视计算属性，监视属性必须监视存在的属
阅读全文
摘要：1、vscode安装 vscode是免费的，直接官网下载，然后解压就可以使用 2、vscode的简单使用 vscode显示目录是横向的 3、vscode设置 （1）vscode设置显示行号 点击左下角齿轮，点击设置 在设置中搜索行号，看开关是on还是off，on即代表展示代码的行号 （2）设vsco
阅读全文
摘要：用已有的属性去计算生成一个全新的属性 计算属性的简写形式（一旦确定了计算属性只读不写，只有get，没有set时，才可以简写）： 读的这个东西是什么 1、data中的数据 2、methods中的方法（方法的括号可写可不写） 3、computed中的计算属性（带了括号那就是展示这个函数，不带括号那就是展
阅读全文
摘要：生成id，一般是uuid，有一个精简版，在练习的时候可以使用，nanoid 先安装nanoid，使用命令npm i nanoid 查看npm的镜像配置 npm config get registry 配置为淘宝镜像： npm config set registry https://registry.
阅读全文
摘要：vue脚手架（vue cli command line interface）是Vue官方提供的标准化开发工具（开发平台） 安装 npm install -g @vue/cli 安装成功后，输入vue， 新建vue项目 vue create vue_name cd vue_name npm run s
阅读全文
摘要：1、打开终端，打开到要新建vue项目的目录 vue create vue-name。 即可，注意vue-name不能有大写字母 2、然后在components里新建组件的vue文件，然后在App.vue文件里引入 3、运行就是 npm run serve 或者 yarn run serve
阅读全文
摘要：vscode新建vue文件后，生成vue的模版 点击设置，选择用户代码段，输入vue回车，生成vue.json的全局配置 然后配置模版就可以 { // Place your snippets for vue here. Each snippet is defined under a snippet
阅读全文
摘要：键盘事件常见的有两个： keydown和keyup keydown是按下去还没有弹回来时就触发事件 keyup是按下去又弹回来时才触发事件 现在是只要按键，就打印键的数值 在键盘事件后直接加enter也可以实现按下回车才调用showInfo的方法，也即打印输入框的值 Vue中常见的9个按键别名： 其
阅读全文
摘要：1、阻止默认事件， 比如a标签点击后会默认跳转，想要不跳转，就可以使用事件修饰符 可以直接在方法里，禁止默认的事件，或者在调用那里禁止 2、阻止事件冒泡，比如button有个弹窗事件，外层的div也有一个弹窗事件，点击的话，会有两次弹窗 3、事件只触发一次，有个事件，第一次点击时弹窗，以后再点击时不
阅读全文
摘要：事件的基本使用： 1、使用v-on:XXX 或 @XXX 绑定事件，其中xxx是事件名； 2、事件的回调需要配置在methods对象中，最终会在vm上； 3、methods中配置的函数，不要用箭头函数；否则this就不是vm，而是全局window了； 4、methods中配置的函数，都是被vue所管
阅读全文
摘要：数据代理：通过一个对象代理对另一个对象中的属性进行操作（读/写）叫数据代理 数据代理可以更方便的操作data中的数据 基本原理： 通过Object.defineProperty把data对象中所有属性添加到vm上； 为每一个添加到vm上的属性，都指定一个getter/setter； 在getter/
阅读全文
摘要：1、Object.defineproperty方法，在数据劫持、数据代理、计算属性中都用到了这个方法，（ES6中学习过这个方法） 这个方法有三个属性，（对象，添加的属性，配置项） 这个方法增加的属性，不参与枚举，也就是不进行遍历，上面的两个遍历都没有和age属性有关的输出，如果把age属性直接添加在
阅读全文
摘要：MVVM模型是三个单词，model，view，viewmodel 所以在创建Vue实例的时候，变量名一般都叫vm。 data中的所有属性，最后都出现在了vm身上 vm身上的所有属性 以及 vue原型上所有属性，在vue模板中都可以直接使用
阅读全文
摘要：el的两种写法（el是element的简称）： 第一种写法，new Vue的时候直接配置el属性： 第二种写法（挂载），先创建vue实例，然后使用$mount去指定el的值： 第一种写法是直接指定要服务的容器，第二种写法会比较灵活，可以稍后指定，比如加一个定时器，多少时间之后再为 指定的容器服务 d
阅读全文
摘要：单向绑定v-bind： 单向绑定的数据是，可以vue的数据改变，页面的展示也改变，但是页面的展示改变，不会影响vue里数据的改变 （数据只能从data流向页面） 双向绑定v-model： 双向绑定的数据，vue里数据改变，页面的展示也改变，同样地，页面的数据改变，vue里的数据也改变（这里指的是vu
阅读全文
摘要：插值语法： {{name}} name是js的表达式，结果是一个值 插值语法是用在两个标签之间 指令语法： v-bind:href=url v-bind是一个指令，vue中的指令都是以v-开头，有了v-开头的指令后，就会被解析为js的语句， 指令语法用在标签里
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
