
vue
文章平均质量分 83
懒羊羊我小弟
不
积
跬
步
,
无
以
至
千
里
展开
-
基于vue的移动端如何监听系统返回
基于vue的移动端如何监听系统返回,介绍界面退出时涉及到的vue生命周期,原生history及基础属性来实现监听手机系统返回按键的事件。原创 2023-10-12 18:08:56 · 3036 阅读 · 1 评论 -
vue进阶——组件之间通信
Vue进阶——组件之间的通信 在vue中组件是可复用的Vue实例,本质上是一个对象。而随着项目的不断增大,总是会有很多重复的模块,而把这些重复的模块提取出来封装成共用的组件。这无疑是大大的减少代码量与页面逻辑。当封装成组件时,如何给组件内变量赋值取值,这又成为了新的问题。这时候就需要了解几种组件之间的通信,更好的实现组件之间的信息的传递。一、使用props属性:适用于父子组件之间的通信 在父组件中调用子组件,在组件中以自定义属性的方式给子组件传值,子组件中使用props接收父组件的值;<原创 2021-08-25 21:33:46 · 367 阅读 · 1 评论 -
vue进阶——vuex状态管理
vuex状态管理vuex官网的介绍:Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。可以把他认为是另外一个存放公共变量的地方,但是同时面临变量会被某个组件更改,从而使得其他组件内容也发生更改。所以维护状态的唯一性就变的格外重要,接下来就让我们来了解一下vuex一、vuex安装npm安装:npm install vuex --save;CDN引入:<script src="https:/原创 2021-07-29 15:36:14 · 252 阅读 · 0 评论 -
vue进阶——vue全局配置
vue的全局配置 Vue.config 是一个对象,包含 Vue 的全局配置。可以在启动应用之前修改下列 property,更好的配置可以加速我们的开发效率,这里主要了解一些常用的配置:1、silent:是否显示 Vue 所有的日志与警告 接收一个Boolean值,默认为false,当为true时,取消 Vue 所有的日志与警告;Vue.config.silent = true2、optionMergeStrategies:自定义合并策略的选项 自定义选项将使用默认策略,即简单地覆原创 2021-05-15 20:56:47 · 2157 阅读 · 0 评论 -
vue进阶——vue指令
一、什么是指令? 根据vue官方文档的说法:指令 (Directives) 是带有 v- 前缀的特殊 attribute。指令 attribute 的值预期是单个 JavaScript 表达式 (v-for 是例外情况,稍后我们再讨论)。指令的职责是,当表达式的值改变时,将其产生的连带影响,响应式地作用于 DOM。简单来说,就是使用自定义属性的方式比较方便快捷的对元素进行DOM操作。二、常用指令v-text: 更新元素的 textContent。如果要更新部分的 textContent,需要使原创 2021-05-11 11:54:41 · 249 阅读 · 0 评论 -
vue进阶——vue简介
vue起源 Vue的作者是留美中国学生尤玉溪,Vue起源于2013到2014年,这仅仅是Vue的起源。在Vue不断的发展过程中被开发者普遍认可的大概在2016年,直到今天Vue的发展较为健康,Vue3.0正式版本很快也将发布。Vue的健康发展离不开起框架本身的特点。但是不可否认Vue的一些思想是借鉴于angular和react的,随着Vue的发展,可以看到Vue更多的思想是借鉴了react。一、vue的特点低门槛和渐进式: 比较容易开发者上手开发,从简单不断扩充到复杂的应用。轻量级: Vue2原创 2021-05-07 20:53:31 · 1054 阅读 · 0 评论 -
vuex状态管理工具
一、什么是vuex?vuex在线文档Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。二、什么是"状态管理模式"?在普通的vue实例中采用data存储数据,methods存储方法,在组件之间始终采用的是单向数据流传递。但是随着业务的增加,多层嵌套的组件将会非常繁琐,此时单向数据流就满足不了需求。因此,我们把组件的共享状态抽取出来,以一个全局单例模式管理。在这种模式下,我们的组件树构成了一个巨大的原创 2021-02-08 21:02:14 · 241 阅读 · 0 评论 -
axios的用法
一、什么是axios?Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。二、特性从浏览器中创建 XMLHttpRequests从 node.js 创建 http 请求支持 Promise API拦截请求和响应转换请求数据和响应数据取消请求自动转换 JSON 数据客户端支持防御 XSRF三、安装npm安装: npm install axios使用cdn: 四、axios请求方式通过axios发送get请求和post请求//原创 2021-02-08 20:12:10 · 624 阅读 · 0 评论 -
vue项目中使用路由
路由概念:维护页面访问路径和对应页面组件之间的关系项目中安装路由:npm i vue-router -S一、路由基本使用流程导入路由模块注册插件定义路由规则数据创建路由对象导出路由对象vue实例文件中挂载在根组件中通过router-view添加路由占位符在根组件中通过router-link创建路由导航链接// 1-导入路由模块import Vue from 'vue';import Router from 'vue-router';// 2-注册插件Vue.use(原创 2021-02-08 19:39:27 · 492 阅读 · 0 评论 -
vue基础知识点
vue框架基础知识点vue官网一、vue框架介绍安装:手动在官网下载,或者npm i vue -Svue框架特点:入门门槛低数据驱动视图更新基于组件化开发方式不建议操作DOM框架与库的区别:js库: js库就是对某个功能的封装,小而巧,对项目的侵入性不大。我们需要主动调用库文件所提供的功能代码实现特定业务功能。框架: 框架的功能更加完善,大而全,对项目的侵入性很大。框架提供项目最基本的目录结构, 我们只需要将对应的代码放在框架约定的文件或者目录中, 框架在特定的时间会原创 2021-02-08 13:52:32 · 500 阅读 · 0 评论