![](https://img-blog.csdnimg.cn/2021011217210558.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
vue
一些vue的常见知识
axzzy
lol
展开
-
vue3的watch的场景
代码】vue3的watch的场景。原创 2022-08-04 13:43:31 · 165 阅读 · 0 评论 -
vue3.0 + setup +lang=“ts“
只需要给 script 标签添加一个 setup 属性,那么整个 script 就直接会变成setup函数,所有顶级变量、函数,均会自动暴露给模板使用(无需再一个个 return了),开发效率将大大的提高!vue3.0 + setup +lang=“ts”......翻译 2022-08-02 14:12:11 · 1564 阅读 · 0 评论 -
vue重置页面/组件 的 data某个值/data所有值
//重置 data中的某个属性值 eg:将data中的bh的值清空,其他值不变Object.assign(this.$data.bh,this.$options.data.call(this))//重置 data中的值 eg:将data中所有制清空//eg : 在页面有keep-live == true属性时,页面提交表单成功清除data的所有值,以防下次进来数据还是上次提交的数据还在Object.assign(this.$data,this.$options.data.call(this))原创 2021-11-11 16:42:33 · 1224 阅读 · 0 评论 -
vue中的hook
vue中hook的两点使用1. 在同一个组件中 (访问本组件中的生命周期)例如:在mounted中添加一个监听需要在beforeDistroy中移除这个监听,考虑到某些原因你不想再写个beforeDistroy去实现mounted () { window.addEventListener('online', this.handleOnline) this.$once('hook:beforeDestroy', function () { window.removeEventListen原创 2021-10-26 10:30:45 · 1035 阅读 · 0 评论 -
$set实现原理
Vue.set()和this.$set()应用的场景平时做项目的时候难免不会对 数组或者对象 进行这样的骚操作操作,结果发现,咦~~,他喵的,怎么页面没有重新渲染。const vueInstance = new Vue({ data: { arr: [1, 2], obj1: { a: 3 } }});vueInstance.$data.arr[0] = 3; // 这种骚操作页面不会重新渲染vueInstance.$data.obj1.b = 3; // 这种骚操作页面原创 2021-07-14 17:25:18 · 5813 阅读 · 1 评论 -
vue3.0项目搭建
3.0项目初始化创建转载 2021-05-20 10:40:01 · 67 阅读 · 0 评论 -
vue3.0响应式
#Vue 如何追踪变化?当把一个普通的 JavaScript 对象作为 data 选项传给应用或组件实例的时候,Vue 会使用带有 getter 和 setter 的处理程序遍历其所有 property 并将其转换为 Proxy。这是 ES6 仅有的特性,但是我们在 Vue 3 版本也使用了 Object.defineProperty 来支持 IE 浏览器。两者具有相同的 Surface API,但是 Proxy 版本更精简,同时提升了性能。该部分需要稍微地了解下 Proxy 的某些知识!所以,让我原创 2021-03-31 14:32:03 · 83 阅读 · 0 评论 -
VUE3.0
setup函数在Vue3.0中提出了Composition API的概念,Vue2.0中我们通过props、data、methods等来定义组件,在Vue3.0中我们使用setup定义响应式的数据和方法例:<template> <button v-for="(item, key) in data.languages" :key="key" @click="selectLangFun(key)">{{item}}</button> <p>原创 2021-03-31 14:25:15 · 265 阅读 · 0 评论 -
axios 及请求
axioseg:在用户登陆请求与验证是否登陆this.axios({ method: 'post', url: '/user/login', data: _this.loginForm, // `transformRequest` 允许在向服务器发送前,修改请求数据 // 只能用在 'PUT', 'POST' 和 'PATCH' 这几个请...翻译 2020-05-07 14:58:48 · 225 阅读 · 0 评论 -
vue
vuev-html (渲染html标签) 改变标签的样式可以用scss里的深度选择器/deep/(>>>)v-model 动态双向绑定 只要有value的标签就可以考虑用它 自定义组件中的v-model的使用▲v-for数组里包含数组的循环问题: sets: [[ 1, 2, 3, 4, 5 ], [6, 7, 8, 9, 10]]{{ n }} ...原创 2020-05-07 15:03:32 · 210 阅读 · 0 评论 -
vue安装与git安装
node安装npm 与 cnpm 淘宝团队做的国内镜像,因为npm的服务器位于国外可能会影响安装。淘宝镜像与官方同步频率目前为 10分钟 一次以保证尽量与官方服务同步-S:即npm install module_name --save,写入package.json的dependencies ,dependencies 是需要发布到生产环境的,-D:即npm install module_...原创 2020-05-07 15:02:02 · 2062 阅读 · 0 评论 -
vue-Router
路由,其实就是指向的意思,当我点击页面上的home按钮时,页面中就要显示home的内容,如果点击页面上的about 按钮,页面中就要显示about 的内容。Home按钮 => home 内容, about按钮 => about 内容,也可以说是一种映射. 所以在页面上有两个部分,一个是点击部分,一个是点击之后,显示内容的部分。路由中有三个基本的概念 route, routes, router。 1, route,它是一条路由,由这个英文单词也可以看出来,它是单数, Home按钮原创 2021-01-12 10:09:20 · 88 阅读 · 0 评论 -
vue中的优化(防抖与节流)
// 防抖(在指定时间内操作:会重新计时)export function _debounce(fn, delay) {//延迟执行 var delay = delay || 200; var timer; return function () { var th = this; var args = arguments; if (timer) { clearTimeout(timer); }原创 2020-09-19 02:31:09 · 154 阅读 · 0 评论 -
vue动态双向绑定数据原理
//检测对象的变化。 var input = document.getElementById('input'); var view = document.getElementById('view'); var data = { valueObj :{ value:'zwq' ...原创 2020-06-09 15:01:40 · 732 阅读 · 0 评论