Vue
关注
分享
扫一扫
文章平均质量分 80
在学习的过程中，方便复习知识点
菜鸡也会飞
要做就做最好，要争就争第一！！！
咸鱼翻身！！！
多敲代码：1）跟着老师敲一遍；2）在心里敲一遍；3）独立完成代码
展开
-
day【11】Vuex+router
APP.vuesong.vuesinger.vue缓存动态组件routerrouter/index.jsmain .js点击 切换路由的 router-link配置路由规则路由跳转组件的显示位置$route $router一般组件和路由组件的区别路由组件 通过 在路由规则中 配置具体的路由 导入组件 展示在router-view位置一般放在views文件夹内 /pages文件夹内嵌套路由App.vuehome.vueSinger.vueSong.vue原创 2023-07-20 17:05:17 · 92 阅读 · 0 评论 -
【day 12】插槽和vue3
template > < div id = "nav" > 我是 App组件 {msg } } < / div > < button @click = "changeMsg" > 修改 msg < / button > < / template > setup() {let msg = "你好";// 修改msg console . log(msg);} return {一定要 return出去 要不然模板拿不到 };} ,原创 2023-06-30 19:43:48 · 280 阅读 · 0 评论 -
【day 02】vue的相关指令1
v-show 为false 只是不显示 元素还在的 存在于dom里面。v-if 为false 元素直接不存在 什么都不做。如果你的dom 需要频繁切换状态 使用v-show。条件性的渲染一块内容 判断为true才会被渲染。解除动态的关联 只会渲染一次（一次性的指令）某一个样式 有动态的变化 比如高度 透明度。某一个样式 有动态的变化 比如高度 透明度。应用： 加载的图标 回到顶部 侧边栏。多个分支 标题的判断语句。修改dom的display。我是一个加载中的图标。原创 2023-06-04 09:40:16 · 305 阅读 · 1 评论 -
【day 10】Vuex
vuex 有大的更新 vue2创建项目的时候 勾选上了vue默认版本 是"vue":“^3.4.0”vue3 里面 得使用 4开头的版本 “vue”:“^4.0.0”然后呢 得在main.js里。原创 2023-05-26 11:05:33 · 1039 阅读 · 0 评论 -
【day 09】vue的过渡与动画
默认情况下 bool 为true时 song一刷新没有进入动画 加上appear属性即可。由于进入和离开 起点终点 是逆向的 写成多元素 选择器。当组件中有多个需要过渡的元素 且css不同。如果 多个元素需要 具有独立的过渡 切换。dom 一刷新就会 有进入动画。原创 2023-05-26 11:04:02 · 102 阅读 · 0 评论 -
【day 08】vue父子组件通信
修改sectionObj的值原创 2023-05-26 11:03:48 · 1050 阅读 · 0 评论 -
【day 07】vue的一些原理性的内容
/ 数据代理 通过一个对象(obj2)代理 对另一个对象（obj1）中 属性的操作（读写）// vm._data === data //true 在——data 对象上 做了数据劫持。// 通过操作 vm.msg来读写 某个对象内的msg属性（数据代理）// 需求1 obj2.x 能访问到 obj1内的x发生了变化 我也能拿到。// 需求2 修改obj2.x n能修改到 obj1内的x。// vm.msg修改了 data.msg也要对应的修改。原创 2023-05-26 11:04:41 · 1244 阅读 · 0 评论 -
【day 06】vue的组件
不能跟已有的标签发生冲突子组件命名 使用时 写成vue2 非单文件组件为：会被转为 小写识别 就会报错 childdemo我们需要更换成 这种写法。原创 2023-05-26 11:03:14 · 1093 阅读 · 0 评论 -
【day 04】vue指令
数组的响应式监听list[0] 下标去操作数组 页面不会实时更新（这也是vue2的一个bug）(修改原数组)这些都会触发 数组的响应式push pop unshift shift splice sort reverse(不修改原数组) 不会触发map reduce forEach filterconcat slice<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"原创 2023-05-26 11:02:45 · 652 阅读 · 0 评论 -
【day 03】初始vue的相关指令
数组的响应式监听list[0] 下标去操作数组 页面不会实时更新（这也是vue2的一个bug）(修改原数组)这些都会触发 数组的响应式push pop unshift shift splice sort reverse(不修改原数组) 不会触发map reduce forEach filterconcat slice<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"原创 2023-05-26 11:00:27 · 1032 阅读 · 0 评论 -
【day 01】初始vue
写法 v-bind:class='xxx' 简写 :class='xxx' xxx可以是字符串 可以是对象(用的较多) 可以是数组。原创 2023-05-26 11:00:29 · 1344 阅读 · 0 评论