Vue
小瑾沐晚风
keep learning
展开
-
多次请求只保持最后一次的结果
最近项目总结,如果一个输入框和一个搜索按钮,点击查询的时候,需要发起请求获取数据,因为请求是异步的,则无法获取哪一次的请求是最后一次的请求,则可以进行一下操作优化:思路一:请求外部存在一个变量,记录每次请求的标记值;可以将外部的标记值传入调用请求的内部,因为函数有作用域的概念,所以暂时目前传入的数据是会一直存在于该作用域内部的,但是外部的标记值会一直变化,当是最后一次请求的时候,外部的值和内部接收的值是相同的,可以在此处进行数据处理。vue代码如下:<template> <原创 2021-10-19 15:47:04 · 5397 阅读 · 5 评论 -
Vue面试题收集
一、对于MVVM的理解?MVVM 是 Model-View-ViewModel 的缩写。Model代表数据模型,也可以在Model中定义数据修改和操作的业务逻辑。View代表UI 组件,它负责将数据模型转化成UI 展现出来。ViewModel监听模型数据的改变和控制视图行为、处理用户交互,简单理解就是一个同步View 和 Model的对象,连接Model和View。在MVVM架构下,...原创 2019-03-02 21:23:08 · 220 阅读 · 0 评论 -
组件的参数校验和非props特性
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>父组件向子组件传值</title> <script src="vue.js">&l原创 2019-02-20 21:59:36 · 212 阅读 · 0 评论 -
Vue中的组件传值
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>父子组件传值</title> <script src="vue.js"></原创 2019-02-20 21:15:00 · 231 阅读 · 0 评论 -
vue组件使用过程中的注意点
一.使用is属性根据HTML规范,<table>、<ul>、<ol>、<select>等元素只能包含特定元素,当模板标签在使用有限制性的元素,在渲染时就会出现bug。组件定义的内容会被作为无效内容提升到外部导致渲染出错。需要借助is 特性。<!DOCTYPE html><html lang="en">&a原创 2019-02-20 19:37:50 · 256 阅读 · 0 评论 -
Vue中的CSS动画原理
Vue 提供了 transition 的封装组件,在下列情形中,可以给任何元素和组件添加进入/离开过渡条件渲染 (使用 v-if) 条件展示 (使用 v-show) 动态组件 组件根节点从隐藏状态变成显示状态:在进入/离开的过渡中,会有 6 个 class 切换。 从显示状态变成隐藏状态: v-enter:定义进入过渡的开始状态。在元素被插入之前生效,在元素...原创 2019-02-22 22:22:00 · 179 阅读 · 0 评论 -
Vue基础
1.组件实例化vm实例有很多属性和方法,在使用$destroy()方法之后,则销毁了Vue实例,此刻控制台可以修改数据,但是不会显示在页面上面,该实例失去双向绑定的功能。2.Vue的生命周期结合代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"&g...原创 2019-02-16 23:29:30 · 467 阅读 · 1 评论 -
动态组件
1.动态组件前奏<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>动态组件前奏</title> <script src="vue.js">原创 2019-02-21 22:04:23 · 424 阅读 · 0 评论 -
Vue中的插槽
1.匿名插槽<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>匿名插槽</title> <script src="vue.js">&am原创 2019-02-21 21:29:26 · 146 阅读 · 0 评论 -
Vue工程创建步骤
1.Vue-cliVue-cli是Vue的脚手架工具,是帮助我们编写好Vue.js基础代码的工具,Vue-cli可以帮助我们完成目录结构、本地调试、代码部署、热加载、单元测试等工作。安装:node -v ,查看node的版本,node的版本需要在4以上 npm install -g vue-cli,安装vue脚手架 vue,查看命令,如下安装成功 vue list,查看可以使用的...原创 2019-01-17 13:27:06 · 174 阅读 · 0 评论 -
Vue.js的核心思想
数据驱动DOM树数据的一种自然映射如果没有使用Vue.js,使用Ajax从后端获取数据,然后手动触发DOM改变,或者通过前端交互改变一些数据,仍然需要手动的触发一些DOM的改变,手动改变DOM不仅是一个繁琐的过程,而且非常容易出错。使用Vue.js 之后,省去了手动触发DOM的操作,在Vue.js里面,只需要改变数据,Vue.js通过directive指令对DOM进行一层封装,当数据发...原创 2019-01-17 10:48:09 · 1103 阅读 · 0 评论