随笔分类 - 前端
摘要：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
阅读全文
摘要：1、vue开发者工具 在chrome网上商店下载vue.js devtools， chrome网上商店地址如下（需要连vpn）： https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbleda
阅读全文
摘要：yarn安装 brew install yarn m1芯片的可以，如果安装过Rosetta，使用命令 arch -arm64 brew install yarn 安装或者（arch -arm64 brew install yarn --force）， 如果在此之前还安装过Hadoop，可能会有链接冲
阅读全文
