vue
文章平均质量分 69
龍言玄间
in RUC keep learning
展开
-
vue的常用方法
vue常用的方法vue生命周期常用的8个勾子函数初始化显示*beforeCreate()*created()*beforeMount()*mounted() 更新状态:this.xxx=value*beforeUpdate()*updated() 销毁 vue 实例:vm.$destory()*beforeDestory()*destoryed()文章学习自https://blog.csdn.net/Guo1111122/article/details/101629194原创 2021-03-08 08:58:55 · 196 阅读 · 0 评论 -
vue的props属性
vue的props类型:Array | Object详细:props 可以是数组或对象,用于接收来自父组件的数据。 props可以是简单的数组,或者使用对象作为替代,对象允许配置高级选项,如类型检测、自定义验证和设置默认值。基于对象的语法使用以下选项:type:可以是下列原生构造函数中的一种:String、Number、Boolean、Array、Object、Date、Function、Symbol、任何自定义构造函数、或上述内容组成的数组。会检查一个prop 是否是给定的类型,否则抛转载 2021-03-07 19:58:02 · 1563 阅读 · 0 评论 -
vue的computed计算属性
在模板中放入太多的逻辑会让模板过重且难以维护,所以,对于复杂逻辑,vue 提倡使用计算属性。computed和methodscomputed和methods二者可以进行完全替换<p>reversed message:{hellomylove()}<p><p>reversed message:{hellomylove}<p><script>computed:{ hellomylove(){ return this.message.原创 2021-02-24 22:23:38 · 127 阅读 · 1 评论 -
vue的watch属性
**在vue中,使用watch来响应数据的变化。**主要有三种watch的用法。正常监听<div id="app"><input tyoe="text" v-model="brand"></div>new Vue({ el:"#app", data:{ brand:'nike', }, watch:{ cityname(newbrand,oldbrand){ //... } }})直接利用监听处理函数,当每次监听到brand值原创 2021-02-24 22:21:12 · 721 阅读 · 0 评论 -
vue和token的实现
vue+token步骤首先前后端实现交互,后端可以收到前端发送来的账号和密码后端验证用户名和密码,若通过——后端利用java的JWT创建Token工具类,然后在对于的Controller向前端返回token前端拿到token存储在localStorage和vuex中,并跳转路由页面前端每次跳转路由,就判断 localStroage 中有无 token ,没有就跳转到登录页面,有则跳转到对应路由页面每次调后端接口,都要在请求头中加token后端判断请求头中有无token,有token,就拿到t原创 2021-02-23 22:26:12 · 767 阅读 · 1 评论 -
vue的render函数
render 函数是什么render 函数 跟 template 一样都是创建 html 模板的,但是有些场景中用 template 实现起来代码冗长繁琐而且有大量重复,这时候就可以用 render 函数。官网示例官网例子:子组件想要根据父组件传递的 level 值(1-6)来决定渲染标签 h 几虚拟DOM和真实DOM虚拟DOM不会进行排版与重绘操作 ,虚拟DOM就是把真实DOM转换为Javascript代码,并且真实DOM频繁操作排版、重绘效率相比虚拟DOM 效率会低很多。原生操作真实DOM浏览原创 2021-02-21 18:13:32 · 230 阅读 · 0 评论 -
vue常用属性
el属性指示vue编译器从什么地方开始解析 vue的语法,可以说是一个占位符。在项目开发里,表明我们要将当前vue组件生成的实例插入到页面的哪个元素中,el属性的值可以是css选择器的字符串,或者直接就是对应的元素对象。并且只能在使用new生成实例时才能配置el属性,而我们在组件中只是export一个配置对象,如果设置了el则会报错。类型:string | Element限制:只在用 new 创建实例时生效。详细: 提供一个在页面上已存在的 DOM 元素作为 Vue 实例的挂载目标。可以是 CS原创 2021-02-07 23:06:31 · 404 阅读 · 0 评论 -
vue2.x响应式数据/双向绑定原理
Vue 数据双向绑定:Vue是以恶搞mvvm框架,即数据双向绑定框架,当数据发生变化的时候,试图也变化;当视图发生变化的时候,数据也变化。数据变化更新视图,视图变化更新数据。其中,View变化更新Data,可以通过事件监听的方式来实现,所以 Vue数据双向绑定的工作主要是如何根据Data变化更新View。简述当你把一个普通的 JavaScript 对象传入 Vue 实例作为 data 选项,Vue 将遍历此对象所有的 property,并使用 Object.defineProperty 把这些 p原创 2021-02-07 22:26:14 · 385 阅读 · 1 评论 -
axios学习
axios是什么axios是基于promise(诺言)用于浏览器和node.js是http客户端。promise是什么promise是什么:是一个对象用来传递异步操作的信息,它代表了某个未来才会知道结果的事件(通常是一个异步操作),并且这个事件提供统一的api,可供进一步的处理。promise的作用:Promise的出现主要是解决地狱回调的问题,比如你需要结果需要请求很多个接口,这些接口的参数需要另外那个的接口返回的数据作为依赖,这样就需要我们一层嵌套一层,但是有了Promise 我们就无需嵌套。原创 2021-02-07 21:35:24 · 123 阅读 · 0 评论 -
前端路由的hash模式和history模式
从用户的角度看,前端路由主要实现了两个功能(使用ajax更新页面状态的情况下):记录当前页面的状态(保存或分享当前页的url,再次打开该url时,网页还是保存(分享)时的状态);可以使用浏览器的前进后退功能(如点击后退按钮,可以使页面回到使用ajax更新页面之前的状态,url也回到之前的状态);作为开发者,要实现这两个功能,我们需要做到:改变url且不让浏览器向服务器发出请求;监测 url 的变化;截获 url 地址,并解析出需要的信息来匹配路由规则。和vue的关系Vue 这类渐进式原创 2021-02-04 14:35:30 · 273 阅读 · 0 评论 -
vue学习系列文章
基础知识前后端分离和正向代理、反向代理Vue.js特性前端路由和后端路由脚手架Vue-cliVUE-CLI概述和安装vue基础语法ant-design-vue-pro原创 2021-02-04 12:10:43 · 181 阅读 · 0 评论 -
ant-design-vue组件列表
ant-design-vue组件列表import { default as Affix } from ‘./affix’;import { default as Anchor } from ‘./anchor’;import { default as AutoComplete } from ‘./auto-complete’;import { default as Alert } from ‘./alert’;import { default as Avatar } from ‘./avatar’转载 2021-02-04 10:59:20 · 1316 阅读 · 0 评论 -
前后端分离和正/反向代理
前后端分离在开发的时候,前端用前端的服务器,后端用后端的服务器,当开发前端内容的时候,可以把前端的请求通过前端服务器发给后端(称为反向代理)。这样就能实时观察结果,并且不需要知道后端怎么实现,而只需要知道接口提供的功能,两边的开发人员就可以同步开发。前后端分离的优点:项目的分工更加明确了实现了前后端的解耦可以将前端和后端部署到不同的服务器上来减轻服务器的压力前后端代码在不同的服务器上,可以提高安全性项目开发的方式:产品经历/领导/客户提出需求UI做出设计图前后端约定接口&数原创 2021-02-03 15:44:21 · 1202 阅读 · 0 评论 -
VUE-CLI概述和安装
VUE-CLIvue-cli 官方提供的一个脚手架,用于快速生成一个 vue 的项目模板。(脚手架:构造项目前预先定义号的目录结构和基础代码,帮助快速开发)主要功能:统一的目录结构本地调试 (在本机上修改配置)热部署 (在应用正在运行的时候升级软件,却不需要重新启动应用)单元测试(对软件中的最小可测试单元进行检查和验证)集成打包上线npm大法安装vue-cli命令行输入:6. 安装淘宝镜像cnpm npm install cnpm -g7. 安装脚手架 cnpm install原创 2021-01-31 12:08:12 · 129 阅读 · 1 评论 -
vue.js特性
vue.js特性组件组件 Vue扣最强大的特性之一。 为了更好地管理大型 应用程序, 往往需要将应用切割为 而独立、具有复用性的组件。在 Vue.js 中,组件是基 HTML 的拓展,可方便地自定义其数据与行为。模板vue.js 使用基于 HTML 的模板语法,允许开发者将 DOM 元素与底层 vue.js 实例中的数据相绑定。所有 vue.js 的模板都是合法的 HTML ,所以能被遵循规范的浏览器和 HTML解析器解析。在底层的实现上, vue.js 将模板编译成虚拟 DOM 染函数。结合原创 2021-01-26 09:32:12 · 236 阅读 · 0 评论