自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(17)
  • 收藏
  • 关注

原创 安卓开发-电影购票APP开发实战

的组件,如图18-5所示。能,选择Vue 3.x版本,然后选择路由器使用history模式,如图18-2。buyfilm,然后执行“npm run serve”命令,如图18-7所示。面、影院页面和我的页面。文件是主路由,目录结构如图18-6所示。其中public文件夹用来放置项目的静态文件,结构如图18-3所。影院页面只有一个组件,即影院列表组件(CiList),它也是由。简洁、精致,其功能和一些常见的电影购票网站类似,例如支付宝中。选择好项目存放的目录,使用Vue脚手架创建一个脚手架项目,项。

2024-04-23 00:06:50 273

原创 安卓开发-网上购物商城开发实战

包,如图17-8所示,下面选择其中显示器商品的analysis.vue模块进。(2)config文件夹存放的是一些配置项,比如服务器访问的端口。程序中登录、注册和“关于”的相关操作的文件是App.vue,核心。的商品为电器,并提供用户的注册和登录功能。商品的介绍、特色、适用人群的说明,用户可以根据商品的介绍选择。根据系统的业务流程图,在程序的构造过程中,形成了如图17-2。息,关于系统的产品说明、最新发布的消息、销售商品的展示。统的左上角有返回首页的标志、右上角有关于新用户的注册和登录,

2024-04-23 00:06:08 210

原创 安卓开发-状态管理——Vuex

异步降价(3秒后执行)

2024-04-23 00:05:29 284

原创 安卓开发-数据请求库——axios

/这将会设置一个'proxy-Authorization'头,写掉已有的通过使用'header'设置的自定义'Proxy-Authorization'头。//这将设置一个'Authorization'头,覆写掉现有的任意使用'headers'设置的自定义'Authorization'头。//'responseType'表示服务器响应的数据类型,可以是'arraybuffer','blob',//'xsrfCookieName'是用作xsrf token的值的cookie的名称。

2024-04-23 00:04:51 30

原创 安卓开发-使用Vue Router开发单页面应用

命名视图与命名路由的实现方式相似,命名视图通过在routerview标签上设定name属性,之后在构建路由与组件的对应关系时,以。<router-link :to="{name:'router1'}">名称</router-link>使用<router-link>来设置导航链接,通过<router-view>指定Home和。<router-link to="/details">详情</router-link>在Vue Router中,可以在创建Router实例的时候,通过在routes配置。

2024-04-23 00:03:46 340

原创 安卓开发-精通Vue CLI和Vite

Vue CLI插件的名字以@vue/cli-plugin-(内建插件)或vue-cliplugin-(社区插件)开头,非常容易使用。"serve" :"vue-cli-service serve", //执行npm run server,运行项目。"build" :"vue-cli-service build", //执行npm run build,构建项目。|--package-lock.json -- 项目包的锁定文件,用于防止包版本不一样导致的错误。

2024-04-23 00:02:57 271

原创 安卓开发-过渡和动画效果

下面示例在transition组件中使用enter-active-class和leaveactive-class类,结合animate.css动画库实现动画效果。离开动画包括v-leave和v-leave-to两个时间点和vleave-active一个时间段。其中.v-enter、.v-leave-to、.v-enter-active。进入动画包括v-enter和v-enter-to两个时间点和v-enter-active。可以在<transition>组件中声明JavaScript钩子,它们以属性的。

2024-04-23 00:01:51 207

原创 安卓开发-组件和组合API

例 如 组 件 注 册 的 时 候 名 称 为 Vum-counter , 浏 览 器 会 解 释 为 vumcounter,这就会导致找不到组件而出现错误,所以定义组件的名称不。将 v-bind.sync 用 在 一 个 字 面 量 的 对 象 上 , 例 如 vbind.sync="title:doc.title",是无法正常工作的。input-con 组 件 的 模 板 是 , 如 果 父 组 件 传 入。另外,在input-con组件的模板中还使用了。

2024-04-23 00:01:04 266

原创 JavaScript函数

从上面程序中可以看出,在同一个元素中时,JavaScript 允许先调用函数,然后再定义该函数--这实际上是JavaScript的“函数提升”特性,在浏览器中运行上面代码,实际上JavaScript 也允许将前面第一种方式定义的有名字的函数赋值给变量,如果将有名字的函数赋值给某个变量,那么原来为该函数定义的名字将会被忽略。由于JavaScript函数不仅仅是一个函数,而且是一个类,该函数还是此类唯一的构造器只要在调用函数时使用 new关键字,就可返回一个 Object,

2024-04-18 15:16:14 320 2

原创 安卓开发-表单输入绑定

【例10.10】动态绑定单选框的值(源代码\ch10\10.10.html)。【例10.13】number修饰符(源代码\ch10\10.13.html)。【例10.1】绑定单行文本输入框(源代码\ch10\10.1.html)。【例10.2】绑定多行文本输入框(源代码\ch10\10.2.html)。【例10.12】lazy修饰符(源代码\ch10\10.12.html)。【例10.14】trim修饰符(源代码\ch10\10.14.html)。

2024-04-17 16:05:00 275

原创 安卓开发-class与style绑定

【例9.3】class2的值变更为false(源代码\ch09\9.3.html)。因此,在将v-bind用于class和style时,Vue.js做了专门的增强。CSS属性名可以用驼峰式(camelCase)或短横。【例9.4】在元素上只写上对象变量(源代码\ch09\9.4.html)。在Vue中,动态的样式类在“v-on:class”中定义,静态的类名写。【例9.2】Class对象语法(源代码\ch09\9.2.html)。【例9.5】style对象语法(源代码\ch09\9.5.html)。

2024-04-17 15:54:53 290

原创 安卓开发-事件处理

阻止事件冒泡

2024-04-17 15:49:48 331

原创 安卓开发-精通监听器

('')或双引号("")将其包裹起来,例如"'goods.city'"。下面示例监听了data()函数中的message属性,并在控制台中打印。监听器是一个对象,以key-value的形式表示。同时,当差值数据变化时,执行异步或开销较大的。在浏览器中运行程序,这里将分别监听数据属性time和minute的。在示例中监听了yuan和jiao属性,后面直接加上字符串形式的方。当监听器监听一个对象时,使用handler定义数据变化时调用的监。deep属性在监听对象属性变化时使用,该选项的值为true,表示。

2024-04-17 15:43:19 349 1

原创 安卓开发-计算属性

尽量不要把v-for和v-if用在同一个元素上,这是因为即使由于vif指令的使用而只渲染了部分元素,但是每次渲染的时候仍然要遍历。会 使 用 对 应 的 计 算 属 性。例 如 下 面 的 示 例 , 定 义 了 2 个 方 法 add1 和 add2 , 分 别 打 印。在上面示例中,当message属性的值改变时,reversedMessage的。变化,触发reversedMessage计算属性,执行对应的函数,最终使字符。computed,并把HTML中的调用add1和add2方法的括号去掉。

2024-04-12 10:59:20 315 1

原创 熟悉Vue.js的语法

mounted 实例被挂载后调用,这时e1被新创建的vm.$el替换。如果根实例挂载到了一个文档内的元素上,当mounted 被调用时vm.$el也在文档内。该钩子被调用后,对应Vue 实例的所有指令都被解绑,所有的事件监听器被移除,所有的子实例也都被销毁。而 在 Vue.js 3.0 中 , 不 存 在 构 造 函 数 了 , 而 是 应 用 对 象 的。beforeMount 在挂载开始之前被调用,相关的render函数首次被调用。在这一步,实例仍然完全可用。

2024-04-11 17:31:41 311

原创 指令是带有“v-”前缀的特殊特性

项有一个attributeName属性,其值为"href",那么这个绑定等价于v-bind:href。而 在 Vue.js 3.0 中 , 不 存 在 构 造 函 数 了 , 而 是 应 用 对 象 的。Application,SPA)时,“v-”前缀也就变得没那么重要了。在这里href是参数,告知v-bind指令将该元素的href特性与表达。下面看一个示例,其中用v-bind绑定动态参数attr,v-on绑定事。指令(Directives)是带有“v-”前缀的特殊特性。例如,在Vue实例的data选。

2024-04-11 09:46:58 268

原创 搭建开发与调试环境

标题

2024-04-01 11:26:15 669 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除