文章 2022-10-13 来自:开发者社区

vue使用localStorage缓存数据

封装localStoragestore.js const STORAGE_KEY = 'tddos-vuejs' export default { fetch: function () { return JSON.parse(window.localStorage.getItem(STORAGE_KEY) || '[]') }, save:function (items) {...

文章 2022-10-13 来自:开发者社区

Vue~组件之间相互传递数据 (父与子、子与父、子与子)

Vue~组件之间相互传递数据 (父与子、子与父、子与子)前言  使父组件与子组件进行数据交互一、传值的目的 使父组件与子组件进行数据交互二、使用步骤1、父组件给子组件传递数据通过props方式<!-- 在父组件中 传值 --> <childer-layout title="父组件传值"/> <!-- 在子组件中 第一种方法 接收值 --> pro...

Vue~组件之间相互传递数据 (父与子、子与父、子与子)
文章 2022-10-09 来自:开发者社区

SpringBoot+VUE实现数据表格

前言既然我已经踏上这条道路,那么,任何东西都不应妨碍我沿着这条路走下去。还记得第一次做项目时,因为不会将数据库表中的数据渲染到前端而头疼,最后还是靠layui提供的数据表格API实现了前端数据表格的渲染。一直到现在做了很多SpringBoot项目、SSM项目之后,现在返回头来看这个曾经这个让我备受折磨的问题,脑海中下意识就会想到很多种解决的方法,比如导入前端的数据表格、通过JavaScript渲....

SpringBoot+VUE实现数据表格
文章 2022-10-09 来自:开发者社区

【Vue 组件化开发 二 】注册组件的语法糖、组件模板的分离写法、组件的数据

一、注册组件的语法糖注册组件时候可以不实例化组件对象,直接在注册的时候实例化。{}就是一个组件对象。<div id="app"> <cpn1></cpn1> <cpn2></cpn2> </div> <script src="../js/vue.js"></script> ...

【Vue 组件化开发 二 】注册组件的语法糖、组件模板的分离写法、组件的数据
文章 2022-10-09 来自:开发者社区

【Vue 组件化开发 三】父组件给子组件传递数据、组件通信(父传子、子传父)、父访问子(children、ref)、动态组件(is、component)

一、父组件给子组件传递数据1.使用props属性,父组件向子组件传递数据const cpn = { template: "#cpn", props: { cmessage: { type: String, default: 'zzzzz', required: true //在使用组件必传值 ...

文章 2022-10-08 来自:开发者社区

vue2:子组件给父组件传递数据(传统方法+自定义事件方法

1.传统的方式子组件传递数据给父组件子组件给父组件传递信息,首先父组件要给子组件一个函数,然后子组件在调用这个函数         通过父组件给子组件传递函数类型的props实现:子给父传递数据例子:我们定义一个函数:getSchoolNameApp.vue:<template> ... <L...

文章 2022-10-08 来自:开发者社区

【Vue3从零开始-实战】S14:详情页回退事件及路由参数的传递获取数据

前言实战已经开始了!上一篇已经将详情页的店铺信息展示出来了,但是顶部还有一个搜索框和返回按钮,而且详情页的店铺数据是在页面中固定写死的,所以本章节会将顶部搜索栏进行布局,并且通过返回按钮可以回到首页。其次会通过路由传参的方式,从首页跳转到详情页,并动态获取详情页店铺数据。搜索框布局 根据稿图,我们发现搜索框部分只有一个input输入框和一个返回按钮,比较简单,所以下面就直接贴代码了,有兴趣的朋友....

【Vue3从零开始-实战】S14:详情页回退事件及路由参数的传递获取数据
文章 2022-10-08 来自:开发者社区

【Vue3从零开始-实战】S12:首页列表数据动态化

前言实战已经开始了!之前的文章中,我们把登录注册并且都可以调用接口请求的功能做完了,而且把逻辑和组件都拆分出来单独维护。本篇文章主要是为后面的商家详情页做准备,在首页中有一个店铺的列表,之前是在页面组件中把数据固定起来的,现在就需要将数据做成动态化了。而且还会将axios初始化的部分拆分出来,定义一些新的数据。mock接口 动态化数据最关键的第一步就是把接口配置出来。 在fastmock官网中配....

【Vue3从零开始-实战】S12:首页列表数据动态化
文章 2022-09-26 来自:开发者社区

Vue项目使用mock数据的几种方式

本文是基于vue/cli 3.0创建的项目进行讲解首先我们来说一说vue/cli 3.0 与 2.0 的一些不同:3.0 移除了 static 文件目录,新增了 public 目录,这个目录下的静态资源不会经过 webpack 的处理,会被直接拷贝,所以我们能够直接访问到该目录下的资源,静态数据(如json数据、图片等)需要存放在这里。放在public目录下的静态资源可直接通过(http://l....

文章 2022-09-26 来自:开发者社区

【Vue3从零开始-第二章】2-4 数据、方法、计算属性和侦听器

前言在上一篇文章中,讲过了vue的模板语法,今天我们要深入了解一下vue的data/methods/computed/watch的用法。之前的文章中有用过部分内容,通过今天的文章,你将对vue的这些方法有一个更深层次的理解。data定义数据的时候,是在vue创建实例的时候去写一个data函数,这个函数在之前的内容中也是经常用到的。在data函数中,会把对应的数据通过return返回给模板,在模板....

【Vue3从零开始-第二章】2-4 数据、方法、计算属性和侦听器

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。

+关注