![](https://img-blog.csdnimg.cn/20201008173622181.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue
vue
Sparks67
这个作者很懒,什么都没留下…
展开
-
【vue】keep-alive 用法
<keep-alive>包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们。目的:当在组件之间切换的时候,你有时会想保持这些组件的状态,以避免反复重渲染导致的性能问题。当组件在<keep-alive>内被切换,它的activated和deactivated这两个生命周期钩子函数将会被对应执行。...原创 2019-03-08 13:19:39 · 2076 阅读 · 0 评论 -
【vue】为什么 data 必须是一个函数
1.在空白处输入10000,并且将10000复制2.选择想要更改的列,点击右键,点击“选择性粘贴” ,选择除。3.得到的数字已经是万位数,选择你想更改的数值区域,点击右键,进入单元格格式,往下拉找到自定义4.点击“自定义”输入#.005.这样就可以达到你想要的答案了...原创 2018-11-05 20:54:36 · 14886 阅读 · 0 评论 -
【Vue】mixin的缺点。
JSONP背景:由于浏览器同源策略的限制,非同源下的请求,都会产生跨域问题,jsonp即是为了解决这个问题出现的一种简便解决方案。作用:常用于服务器与客户端跨源通信1. JSONP是通过 script 标签加载数据的方式去获取数据当做 JS 代码来执行2. 提前在页面上声明一个函数,函数名通过接口传参的方式传给后台,后台解析到函数名后在原始数据上「包裹」这个函数名,发送给前端。换句话说,JSONP 需要对应接口的后端的配合才能实现。----------------跨域资源..原创 2020-09-18 16:27:07 · 4190 阅读 · 0 评论 -
【vue】nextTick
用法:在下次 DOM 更新循环结束之后执行延迟回调。因为:Vue 在更新 DOM 时是异步执行的应用场景需要在视图更新之后,基于新的视图进行操作。当项目中你想在改变DOM元素的数据后基于新的dom做点什么,对新DOM一系列的js操作都需要放进Vue.nextTick()的回调函数中;通俗的理解是:更改数据后当你想立即使用js操作新的视图的时候需要使用它怎么做到的把回调函数放入callbacks等待执行将执行函数放到微任务或者宏任务中事件循环到了微任务或者宏任务,执行函数依次执行callb.原创 2020-10-23 18:44:36 · 142 阅读 · 0 评论 -
【Vue3】路由怎么切换成 history 模式
两句代码:import { createWebHistory, createRouter } from "vue-router"; // 1const router = createRouter({ history: createWebHistory(), // 2 routes,});原创 2020-10-14 20:51:47 · 4381 阅读 · 2 评论 -
【Vue-7】Vue Router 是怎么用的
Vue Router 怎么做懒加载?import('./Foo.vue') // 返回 Promiseimport,后面加个括号,然后括号内写组件路径。原创 2020-10-11 23:07:59 · 85 阅读 · 0 评论 -
【Vue】this.$emit 的 实现思路
this.$emit描述:触发当前实例上的事件,附加参数都会传给监听器回调。Vue.prototype.$emit = function (event) { const vm = this let cbs = vm._events[event] // 找到事件名对应的回调集合 if (cbs) { const args = toArray(arguments, 1) // 将附加参数转为数组 for (let i = 0; i < cbs.length原创 2020-09-20 11:51:20 · 642 阅读 · 0 评论 -
【Vue】Vue3新特性
JavaScript 是一种动态类型语言,也就是说,变量的类型没有限制,变量可以随时更改类型parseInt()注意下面的两个例子,如果字符串的第一个字符不能转化为数字返回NaN。 .3 不能看成 0.3 。 是一个个字符依次转换的parseInt('.3') // NaNparseInt('0.3') // 0DOMDOM 的最小组成单位叫...原创 2019-03-10 17:37:11 · 183 阅读 · 0 评论 -
【Vue】computed 和 watch 的区别
JS有7种数据类型:简单类型:number、string、boolean、symbol、undefined、null复杂类型:object所以下面这句话是错的!!!JS一切皆对象object 就是几种基本类型(无序地)组合在一起推荐书籍:《编码》...原创 2019-03-17 10:56:27 · 92 阅读 · 0 评论 -
【造轮子】如何用 Vue2 写出一个支持 v-model 的 input 自定义组件
父组件关键代码:<MyInput v-model="inputValue" /><!-- 相当于这样写 --><MyInput :value="inputValue" @input="inputValue = $event" />data() { return { inputValue: '' }}子组件<MyInput>关键代码:<input :value="value" @input="$emit('inp原创 2020-08-29 22:01:13 · 142 阅读 · 0 评论 -
【Vue】.sync 修饰符的用法
如果想给子组件一个初始的值。然后想在它更新时拿到最新的值。一般就用.sync比如弹窗的关闭事件可以这样写:父组件:<xxxDialog :show.sync="xxxVisible"></xxxDialog>弹窗组件:close(){ this.$emit('update:show', false)}...原创 2020-05-11 22:41:57 · 160 阅读 · 0 评论 -
【框架】记录 Vue +Ts 开发
vscode 装 vue 插件:vetur main.ts 是入口文件。 可参考这个官方的 github 仓库写:https://github.com/vuejs/vue-class-component 在声明每一个对象的时候,都要告诉ts,对象是什么类型。技巧:用alert来判断当前的文件有没有执行。 有些莫名其妙的错误提示,复制,删掉,粘贴,就不报错了。...原创 2019-04-27 23:39:17 · 3092 阅读 · 0 评论 -
【框架】Vue 相关知识整理
Vue.js的优点低耦合。视图(View)可以独立于Model变化和修改,一个ViewModel可以绑定到不同的"View"上,当View变化的时候Model可以不变,当Model变化的时候View也可以不变。可重用性。你可以把一些视图逻辑放在一个ViewModel里面,让很多view重用这段视图逻辑。独立开发。开发人员可以专注于业务逻辑和数据的开发(ViewModel),设计人员可以专注...原创 2019-03-08 13:31:30 · 547 阅读 · 0 评论