随笔分类 - vue
摘要：1.在数据库中设置一个存储购物车信息的数据表。 2.利用本地储存来构建购物车.（特点：后台具备永久存储购物车的表，而购物车操作不在后台进行。） 3.前端使用cookie、storage、vuex 4.当用户登录成功时（从后台获取购物车数据并放入vuex。）5.当用户退出时（将vuex中保存购物车的数
阅读全文
摘要：1.拿到用户的值 2.改变接口当中的关键字 3.网络请求 4.获取json 5.解析并拿到数据存储到data中 6.html中遍历渲染
阅读全文
摘要：访问store实例对象默认值的就是vuex的实例对象 监听器里面有一个immediate：true 立即执行 如果<script setup> </script> 在行为里面不用return 直接运用就可以了 这就是组合式api的强大之处 在setup语法糖当中（<script setup> <>）
阅读全文
摘要：用户登录成功之后需要去验证一下用户登陆是否成功， 成功之后用户获取对应的角色，根据它的角色去查看对应的权限， 最终把用户登录成功的信息以及它对应的权限返回
阅读全文
摘要：或者把item.shortName换成index也行 然后methods节点里面的shortName换成index
阅读全文
摘要：点击之后自动切换类名 点击事件也可以不是在methods节点里面 也没有不是一个函数 形式如下： 增加style样式如下： active就是data数据里面对应的key
阅读全文
摘要：渲染作用域 : 该插槽可以访问与模板其余部分相同的实例 property (即相同的“作用域”)。 作用域： 本质用来访问数据 有时让插槽内容能够访问子组件中才有的数据是很有用的。当一个组件被用来渲染一个项目数组时，这是一个常见的情况，我们希望能够自定义每个项目的渲染方式。 1 <div id="a
阅读全文
摘要：插槽：vue内容分发的机制，只能用在组件当中的 结合v-solt（出口）使用 <solt></slot>其实就是占位的作用 来接收html中组件标签里面的内容 最终页面渲染的是组件的template里的内容 具名插槽 ： v-solt标签只能用于template标签中 在 <slot> 标签 添加
阅读全文
摘要：1 <div id="app"> 2 <!-- 1 组件标签内写入内容 --> 3 <first-child>hello world</first-child> 4 5 <first-child> 6 <p>hello world {{msg}}</p> 7 <ul> 8 <li>xiangmu</
阅读全文
摘要：1 <div id="app"> 2 <first-child ></first-child> 3 <second-child></second-child> 4 </div> 1 <script src="./js/vue.global.js"></script> 2 <script src=".
阅读全文
摘要：1 <div id="app"> 2 <second-child title="父组件的数据" v-bind:msg="msg"></second-child> 3 </div> 1 <script src="./js/vue.global.js"></script> 2 <script> 3 co
阅读全文
摘要：1 <div id="app"> 2 <p>接受数： {{msg}}</p> 3 <three-child v-on:send-msg="getMsg"></three-child> 4 </div> 1 <script src="./js/vue.global.min.js"></script>
阅读全文
摘要：1. 组件标签上添加的属性都是自定义属性，需要通过props进行接受, （与data同级，接受之后在页面里面就不显示了 如果不接受的话可以显示出来） html标签上就是标签本身的属性 2. 组件标签上绑定的事件都是自定义事件， html标签上绑定事件都是原生事件 (vue2 的 解决方案是添加事件修
阅读全文
摘要：父组件 的 创建前 --》 创建后 》 挂载前 》 子组件的创建前 》 创建后 》 挂载前 》 挂载后 》 父组件挂载后
阅读全文
摘要：只要是组件都会存在生命周期的 生命周期钩子函数： 钩子函数会自动执行的 vue2 : 创建阶段 beforeCreate() / created() 挂载阶段 beforeMount() / mounted() 更新阶段 beforeUpdate() / updated() 销毁阶段 beforeD
阅读全文
摘要：vue2： 使用的 事件总线 EventBus 实现非父子通信 vue3 : 没有事件总线 通过第三方的插件 实现 mitt 要么就是 通过 Provide/inject , 再或者就是 通过 父子通信 前提是都需要借助于 <script src="./js/mitt.umd.js"></scrip
阅读全文
