随笔分类 -  Vue

简单实现一个Vue
摘要：简单实现一个Vue 几种实现双向绑定的做法 目前几种主流的 mvc(vm)框架都实现了单向数据绑定,而我所理解的双向数据绑定无非就是在单向绑定的基础上给可输入元素（input、textare 等）添加了 change(input)事件,来动态修改 model 和 view,并没有多高深。所以无需太过 阅读全文
posted @ 2021-02-20 16:49 月山 阅读(326) 评论(0) 推荐(0)
vue 中使用 vue-fullpage
摘要：安装并使用 安装 npm install --save vue-fullpage.js 引入 // 引用fullpage 插件 import Vue from 'vue' import 'fullpage.js/vendors/scrolloverflow' // Optional. When us 阅读全文
posted @ 2020-02-05 14:53 月山 阅读(14668) 评论(1) 推荐(0)
[Vue] vuex-interview
摘要：1.你有使用过 vuex 的 module 吗？主要是在什么场景下使用？ 把状态全部集中在状态树上，非常难以维护。 按模块分成多个 module，状态树延伸多个分支，模块的状态内聚，主枝干放全局共享状态 2.vuex 中 actions 和 mutations 有什么区别？ action actio 阅读全文
posted @ 2019-10-17 10:50 月山 阅读(331) 评论(0) 推荐(0)
[Vue] vue-router-interview
摘要：1.vue router 怎么重定向页面？ 路由中配置 redirect 属性 使用路由的别名来完成重定向 2.vue router 怎么配置 404 页面？ ,放在最后一个 3.切换路由时，需要保存草稿的功能，怎么实现呢？ beforeDe beforeRouteLeave 4.vue route 阅读全文
posted @ 2019-10-17 10:42 月山 阅读(420) 评论(0) 推荐(0)
[Vue] vue的一些面试题4
摘要：1.你知道 nextTick 的原理吗？ 用法：在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。 "异步更新队列" 提到 DOM 的更新是异步执行的，只要数据发生变化，将会开启一个队列，并缓冲在同一事件循环中发生的所有数据变更。如果同一个 watc 阅读全文
posted @ 2019-10-16 21:10 月山 阅读(672) 评论(0) 推荐(0)
[Vue] vue的一些面试题3
摘要：1. vue 组件里的定时器要怎么销毁？ 当生命周期销毁后，并没有将组件中的计时器销毁，虽然页面上看不出来，但是如果在控制台打印的话，会发现计时器还在运行，所以要销毁计时器，避免代码一直执行 2.你有使用过 JSX 吗？说说你对 JSX 的理解 jsx 不是一门新的语言，是一种新的语法糖。让我们在 阅读全文
posted @ 2019-10-16 21:09 月山 阅读(969) 评论(0) 推荐(0)
[Vue] vue的一些面试题2
摘要：1.Vue.observable 你有了解过吗？说说看 vue2.6 发布一个新的 API,让一个对象可响应.Vue 内部会用它来处理 data 函数返回的对象.返回的对象可以直接用于渲染函数和计算属性内,并且会在发生改变时触发相应的更新；也可以作为最小化的跨组件状态存储器. 2.你知道 style 阅读全文
posted @ 2019-10-16 16:17 月山 阅读(525) 评论(0) 推荐(0)
[Vue] vue的一些面试题
摘要：1.v model 的原理 v model 是一个语法糖,它即可以支持原生表单元素,也可以支持自定义组件.v model 在内部为不同的输入元素使用不同的属性并抛出不同的事件. text 和 textarea 元素使用 value 属性和 input 事件 checkbox 和 radio 使用 c 阅读全文
posted @ 2019-10-16 15:51 月山 阅读(678) 评论(0) 推荐(0)
[vue] vue-router
摘要：Doc "vue router" "介绍vue router" "从头开始学习vue router" "Vue 2.0 起步(2) " 阅读全文
posted @ 2019-10-10 18:26 月山 阅读(218) 评论(0) 推荐(0)
[vue] vue服务端渲染nuxt.js
摘要：初始化 使用脚手架工具 create nuxt app 快速创建 npx create nuxt app 执行一些选择 1. 在集成的服务器端框架之间进行选择: 2. 选择您喜欢的 UI 框架: 3. 选择您喜欢的测试框架: 4. 选择你想要的 Nuxt 模式 (Universal or SPA) 阅读全文
posted @ 2019-09-26 15:04 月山 阅读(3906) 评论(2) 推荐(1)
[Vue] vue2.0文档快览
摘要：vue实例 所有的 Vue 组件都是 Vue 实例，并且接受相同的选项对象 当一个 Vue 实例被创建时，它将 data 对象中的所有的属性加入到 Vue 的响应式系统中。当这些属性的值发生改变时，视图将会产生“响应”，即匹配更新为新的值 Vue 实例还暴露了一些有用的实例属性与方法。它们都有前缀 阅读全文
posted @ 2019-04-23 22:57 月山 阅读(250) 评论(0) 推荐(0)
[Vue] karme/jasmine/webpack/vue搭建测试环境
摘要：karma 和 jasmine "karma" 是 google 开源的一个基于 Node.js 的 JavaScript 前端测试运行框架，前身叫 Testacular. "jasmine" 是一个 javascript 测试框架 "mocha" 是一个 javascript 测试框架 "chai 阅读全文
posted @ 2019-03-18 21:09 月山 阅读(964) 评论(0) 推荐(0)
[Vue] vue中setInterval的问题
摘要：vue中使用setInterval 然后再组件销毁前进行清除 根据 setInterval 返回的 id 打印来看,请除定时器并没有成功 但是这样不行,定时器在局部更新的时候会多次赋值.更改了一种写法,加了一重判断之后依旧无法解决. 解决 使用全局变量 最终解决 阅读全文
posted @ 2019-03-16 14:23 月山 阅读(11755) 评论(0) 推荐(0)
[Vue] vuex进行组件间通讯
摘要：vue 组件之间数据传输(vuex) 初始化 store src/main.js src/store/index.js src/store/mutations.js state 正常使用 state Vuex 的状态存储是响应式的，从 store 实例中读取状态最简单的方法就是在计算属性中返回某个状 阅读全文
posted @ 2019-03-11 15:58 月山 阅读(1420) 评论(0) 推荐(0)
[Vue] vue跳转外部链接
摘要：问题 vue 跳转外部链接问题,当跳转的时候会添加在当前地址后面 这时将 url 前面添加响应的 (http:// 或 https://) var p = window.location.protocol; var a = document.createElement("a"); a.setAttr 阅读全文
posted @ 2019-01-25 11:26 月山 阅读(32453) 评论(1) 推荐(2)