- 博客(8)
- 资源 (1)
- 收藏
- 关注
原创 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
270
原创 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
652
原创 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
693
原创 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
2019
原创 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
473
原创 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
1191
原创 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
457
原创 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
14183
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人