必须午睡的xue薇-CSDN博客

原创 8.vue基础（七）创建脚手架

文章目录1.创建脚手架1.1 配置淘宝镜像(win+r,cmd)1.2 全局安装@vue/cli(仅需要一次安装即可)1.3 切换到你要创建项目的目录,然后使用命令创建1.4 选择你想使用的vue版本1.5 启动项目1.创建脚手架1.1 配置淘宝镜像(win+r,cmd)npm config set registry https://registry.npm.taobao.org1.2 全局安装@vue/cli(仅需要一次安装即可)npm install -g @vue/cli1.3 切换到

2022-05-10 19:55:53 216

原创 7.vue基础（六）非单文件组件-单文件组件

文章目录1.非单文件组件1.1 基本使用1.1.1 定义组件(创建组件)1.1.2 注册组件1.1.3 使用组件(写组件标签)1.2 几个注意点1.3 组件的嵌套1.4 VueComponent1.5 一个重要的内置关系2.单文件组件1.非单文件组件1.1 基本使用 Vue中使用组件的三大步骤：1.1.1 定义组件(创建组件) const name = Vue.extend({ } )注意事项： (1)里面可以写template(vm里也

2022-05-10 19:50:52 505

原创 6.vue基础（五）创建表单数据-过滤器-内置指令-自定义指令-生命周期

文章目录1.创建表单数据2.过滤器2.1计算属性实现2.2 methods实现2.3过滤器实现3.内置指令3.1 v-text指令3.2 v-html指令3.3 v-cloak指令3.4 v-once指令3.5 v-pre指令4.自定义指令4.1 v-big指令4.2 v-fbind指令5.生命周期1.创建表单数据<div id="root"> <form @submit.prevent="demo"> 账号：<input type="text" v-model.

2022-04-26 20:29:18 469

原创 5.vue基础（四）条件渲染-列表渲染

文章目录1.条件渲染、1.1 v-if1.2 v-show2.列表渲染2.1 遍历数组2.2 遍历对象2.3 key的原理2.3.1 向列表添加内容(push(),unshift())2.3.2 从列表删除内容(pop(),shift())2.3.3 添加对象案例2.4 列表过滤2.4.1 筛选数组元素(filter().indexOf())2.4.2 姓名筛选案例2.5 列表排序2.5.1 列表排序的函数(sort())2.5.2 根据年龄排序2.6 vue数据监测2.6.1 添加属性2.6.2 总结

2022-04-22 16:05:30 1797

原创 4.vue基础（三）计算属性-监视（侦听）属性

文章目录1. 计算属性1.1 插值语法实现姓名案例1.2 methods实现1.3 计算属性实现2.监视（侦听）属性2.1 天气案例2.2 利用监听属性2.3 深度监听2.3.1 监视多级结构中某个属性的变化2.3.2 监视多级结构中所有属性的变化2.4 监视属性实现姓名案例1. 计算属性要实现下面这个功能：当修改姓或者名时，全名也会随之更新。1.1 插值语法实现姓名案例姓：<input type="text" v-model="firstName"> <br/><

2022-04-20 10:32:03 381

原创 3.vue基础（二）模板语法-数据绑定-el和data的两种写法-数据代理-事件处理

文章目录1.模板语法2.数据绑定2.1 单向绑定(v-bind)2.2.双向绑定(v-model)3.el和data的两种写法3.1 el的两种写法3.2 data的两种写法4.数据代理4.1 关于Object.defineProperty4.2 何为数据代理4.3 vue中的数据代理5.事件处理5.1 点击事件5.1.1 不传参数5.1.2 传参数5.2 事件修饰符5.3 键盘事件5.3.1 系统自带5.3.2 定制按键别名5.3.2 定制按键别名1.模板语法包括插值语法和指令语法<body&

2022-04-19 14:32:19 1131

原创 2.Markdown-github-picGo

文章目录1.新建github仓库1.1 创建仓库1.2 生成密钥2.PicGo配置2.1 下载2.2 配置3.typora设置4.md文件直接导入csdn4.md文件直接导入csdn针对自己的第一篇博客，在typora里写好后，想着直接导入csdn,结果图片显示不出来，问了睡不醒的小小秦，他的回答直接截图放到csdn上，可是我感觉好笨啊~~~~（可是我又不能说她，谁叫她是我女朋友呢）所以自己查了大量的资料后，终于解决了先说一下，不能使用gitee,因为如下图：so解决办法就是github+PicG

2022-04-14 10:44:43 330

原创 1.vue基础（一）引入vue.js

文章目录1.直接引入vue.js文件2.CDN3.注意事项（其中的小问题）个人是跟着尚硅谷的课程做的笔记****-----个人第一篇博客，纯是记录自己学习的过程，有哪些错误请各位大神指点----1.直接引入vue.js文件<script type="text/javascript" src="../js/vue.js"></script>文件在vue官网可以直接下载。2.CDN<script src="https://cdn.jsdelivr.net/npm/v

2022-04-14 10:25:44 14091 1

qq_41634943的博客