前端 Vue
前端 Vue 的各种基础知识与练习
Luemmy
这个作者很懒,什么都没留下…
展开
-
Vue: sessionStorage(全局, 用来向浏览器 存储/读取 key/val)
1. sessionStorage 里面存储的数据, 在浏览器关闭的时候消失; 如果想浏览器关闭后也不消失, 需要使用 localStorage 存储2. 一般, localStorage 用于做记住密码功能3. sessionStorage 或 localStorage, 只能存储字符串, 如果需要存储对象/数组, 需要先用4. JSON.stringify() 变成字符串; 接取的时候用 JSON.parse()存储数据的方法handleSettlement () { sessio原创 2021-06-09 16:11:27 · 558 阅读 · 0 评论 -
Vue: 关于arguments
因为arguments 本身是方法里面自带的参数, 所以不能重新定义arguments<template slot-scope="scope"> <el-input-number style="width: 110px" v-model="scope.row.number" @change="handleChange(scope.row.id, arguments)" :min="1" :max="50"原创 2021-06-09 16:10:48 · 1841 阅读 · 0 评论 -
Vue: Promise的异步请求
在孙子组件里面传数据<template> <div class="grandson"> <h5>子级</h5> <button @click="grandsonHello">sayHello</button> </div></template><script> export default { name: 'Grandson', // 组件名.原创 2021-06-09 16:09:10 · 286 阅读 · 0 评论 -
Vue: $dispatch 与 $broadcast 和 eventBus (全局方法)
[src/main.js]4.1 向上通知 $dispatch// 向上通知Vue.prototype.$dispatch = function (eventName, value) { let parent = this.$parent while (parent) { parent.$emit(eventName, value) parent = parent.$parent }}从下向上通知: 把孙子级组件里面的数据传送到爷爷级组件里面的方式在子级组件里面原创 2021-06-09 16:07:16 · 396 阅读 · 0 评论 -
Vue: 关于store的应用与方法
1. 建立项目基础公共状态[src/store/common/common.js]export default { namespaced: true, // 命名空间 state: { // 数据存放 clientId: 'c1', // 客户端ID clientSecret: 'vY9W55NuXM9hoDlx', // 客户端对称秘钥 username: sessionStorage.getItem('username'), // 用户名 userId: s原创 2021-06-09 16:06:22 · 248 阅读 · 0 评论 -
Vue: 关于组件与插槽
需求: 假设说, 大多数时候只会用到第一个组件, 偶尔会用到第二个同部位组件第一步:建立常用组件1 和 不常用组件2<template> <div class="bottomFooter"> <hr/> <div>我是底部</div> </div></template><script>export default { name: 'bottomFooter', // 组件名称原创 2021-06-09 16:05:26 · 175 阅读 · 0 评论 -
Vue: 关于路由跳转
一. 关于路由跳转1. 点击按钮触发, 返回上一层<template> <div class="goodsShow"> <h2>商品列表页</h2> <button @click="goBackToDescend">返回上一层</button> </div> </div></template><script>export default {原创 2021-06-09 16:03:50 · 84 阅读 · 0 评论 -
VueJs: VueJs的基础用法和本地应用与练习
一. 基础1.1 简介JavaScript框架简化Dom操作响应式数据驱动1.2 Vue程序开发导入开发版本的Vus.js创建Vue实例对象, 设置[el]属性和[data]属性使用简洁的[模板语法]把数据渲染到页面上1.3 el (挂载点)[el]是用来设置Vue实例挂载(管理)的元素Vue会管理el选择[命中的元素]及其内部的[后代元素]可以使用其他的选择器, 但是建议使用ID选择器可以使用其他的双标签, 不能使用HTML和BODY语法:<原创 2021-05-20 14:02:31 · 211 阅读 · 0 评论