![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
VUE的学习记录
文章平均质量分 67
学习VUE,重点、难点记录在这里。
shencailing
这个作者很懒,什么都没留下…
展开
-
十一 、 store
什么时候用:多个界面间的共享:比如登录状态、用户的头像原创 2022-07-30 09:16:52 · 725 阅读 · 0 评论 -
十、过渡动画 一、基础, 1.1 过渡: transition;1.2 变形 transform;1.3动画 animation;二、vue动画 贝塞尔曲线
过渡动画一级目录二级目录三级目录一级目录二级目录三级目录原创 2022-04-01 09:28:01 · 961 阅读 · 0 评论 -
九、Vue 组件
组件一、解析 DOM 模板时的注意事项:1.1 元素位置受限1.2 大小写不敏感二、通过`prop`向子组件传递数据2.1 props2.2 Prop验证一、解析 DOM 模板时的注意事项:解析 DOM 模板时的注意事项 网址1.1 元素位置受限1.2 大小写不敏感比如:<ceshi-zujian> </ceshi-zujian>二、通过prop向子组件传递数据2.1 props网址2.2 Prop验证网址............原创 2022-03-08 13:49:51 · 449 阅读 · 0 评论 -
八、表单输入绑定 修饰符.lazy .trim .number
表单输入绑定一、基础用法官方参考文档一、基础用法可以看 官方举得例子:复选框 checkbox单选框 radio选择框 select原创 2022-03-07 15:57:46 · 86 阅读 · 0 评论 -
七、 Vue学习 事件处理
事件处理一、事件处理1.1 事件修饰符一、事件处理1.1 事件修饰符官方参考网址原创 2022-03-07 08:34:14 · 138 阅读 · 0 评论 -
五、Vue学习 Class 和 Style 绑定
官方参考网址原创 2022-03-05 15:30:13 · 159 阅读 · 0 评论 -
六、Vue学习 条件渲染 列表渲染
这里写目录标题一、条件渲染二、列表渲染2.1 数组更新检测2.1.1 会改变数组2.1.2 显示过滤/排序后的结果2.1.2.1 计算属性实现==2.1.2.2 计算属性不适用的情况下,如下:====2.1.3 在template 中 使用v-for====2.1.4 在组件上使用 v-for==一、条件渲染注意 不要将 v-if 和v-for 放在同一个元素使用可用 template 修正:<template v-for="todo in todos" :key="todo.nam原创 2022-03-05 15:08:18 · 199 阅读 · 0 评论 -
四、Vue 计算属性和侦听器
这里写目录标题一、计算属性二、侦听器2.1 普通监听方式2.1.1 监听一个变量的值变化2.1.2 监听一个对象中的单个属性值的变化2.2、深度监听2.2.1 immediate2.2.2 deep一、计算属性存在缓存:计算属性只会在相关响应式依赖发生改变时重新求值即:多次调用并且值没有变化 计算属性只会调用一次;计算属性有变化时 才会再一次调用二、侦听器介绍在watch中对一个单独变量、对象中的某个属性、对象整体的监听的一般方法,以及深度监听的方法定义:watch侦听器允许开发者监原创 2022-03-05 13:44:10 · 375 阅读 · 0 评论 -
笔记二、Vue学习 模板语法
这里写目录标题一、插值1.1 文本插值: “Mustache” (双大括号)==1.2 使用 JavaScript 表达式==二、指令2.1 参数2.2 动态参数2.3 修饰符模板语法官方网址一、插值1.1 文本插值: “Mustache” (双大括号)<p> Message: {{ txt }}</p>1.2 使用 JavaScript 表达式{{ number + 1 }}{{ ok ? 'YES' : 'NO' }}{{ message.split(''原创 2022-03-05 09:24:46 · 60 阅读 · 0 评论 -
vscode 中 vue前端写到 v-for 一定要写:key否则代码报错(红色的波浪线)
情况:解决:在 设置 中 搜索:vetur.validation.template建议:但是写代码时 key绑定还是很有必要的原创 2021-12-28 10:55:50 · 528 阅读 · 0 评论 -
在data中已经存在数组,给数组加一个字段,会使数据变成非响应式的数据。
目录一、 [vue API 官网地址](https://cn.vuejs.org/v2/api/index.html#Vue-set)二、 `this.$set(this.list[i], "key", false);`一、 vue API 官网地址二、 this.$set(this.list[i], "key", false);<script>export default { data() { return { list: [ {原创 2021-12-25 16:34:29 · 521 阅读 · 0 评论 -
笔记一、VUE学习 的准备工作:Vue脚手架安装vue CLI 、新建项目、新建webpack项目
文章目录前言(一) 安装环境1、安装node:前言Vue学习的准备工作:环境的安装准备、开发工具的安装、脚手架的搭建、项目的新建。(一) 安装环境1、安装node:根据自己的电脑,选择相应的node版本...原创 2021-12-21 09:44:21 · 516 阅读 · 0 评论