摘要: 问题一:什么是vue.js中的自定义指令? 自定义一些指令对底层DOM进行操作 更多参考 Vue里面有许多内置的指令,比如v-if和v-show,这些丰富的指令能满足我们的绝大部分业务需求,不过在需要一些特殊功能时,我们仍然希望对DOM进行底层的操作,这时就要用到自定义指令。 问题二:自定义指令的几 阅读全文
posted @ 2019-10-15 11:51 大橙橙 阅读(823) 评论(0) 推荐(0) 编辑
摘要: methods : { //禁止滚动 stop(){ var mo=function(e){e.preventDefault();}; document.body.style.overflow='hidden'; document.addEventListener("touchmove",mo,fa 阅读全文
posted @ 2019-10-15 11:45 大橙橙 阅读(4095) 评论(0) 推荐(0) 编辑
摘要: 第一步,在 src 下新建 const 文件夹下 新建 const.js 第二步,如何在 const.js 文件下,设置常量 第三步,在 main.js 下全局引入: 第四步,即可在 .vue 组件中使用: 问题二:在 JS 中使用全局常量 第一步,在 src 下新建 const 文件夹下 新建 t 阅读全文
posted @ 2019-10-15 11:44 大橙橙 阅读(717) 评论(0) 推荐(0) 编辑
摘要: 计算属性: 模板内的表达式非常便利,但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如: 在这个地方,模板不再是简单的声明式逻辑。你必须看一段时间才能意识到,这里是想要显示变量 message 的翻转字符串。当你想要在模板中多次引用此处的翻转字符串时,就会更加难以 阅读全文
posted @ 2019-10-15 11:35 大橙橙 阅读(2091) 评论(0) 推荐(0) 编辑
摘要: 文件结构: 过滤器们放在filter文件夹下 filter/filter.js: 这个文件主要是写了过滤器实现的方法,然后export进行导出。 main.js: 在 .vue 组件下使用 问题二:vue-cli工作中常用的过滤器 在 .vue 组件中的使用示例: 常用的过滤器,filter/fil 阅读全文
posted @ 2019-10-15 11:12 大橙橙 阅读(398) 评论(0) 推荐(0) 编辑
摘要: 使用v-cloak指令,v-cloak不需要表达式,它会在Vue实例结束编译时从绑定的HTML元素上移除,经常和CSS的display:none配合使用。 这时虽然已经加了指令v-cloak,但其实并没有起到任何作用,当网速较慢、Vue.js 文件还没加载完时,在页面上会显示{{message}}的 阅读全文
posted @ 2019-10-15 11:02 大橙橙 阅读(560) 评论(0) 推荐(0) 编辑
摘要: 变异方法: Vue 包含一组观察数组的变异方法,所以它们也将会触发视图更新。这些方法如下: push() pop() shift() unshift() splice() sort() reverse() 替换数组: 例如:filter(), concat()和 slice() 。这些不会改变原始数 阅读全文
posted @ 2019-10-15 11:00 大橙橙 阅读(16704) 评论(0) 推荐(0) 编辑
摘要: 1、vue生命周期和生命周期钩子函数: vue 的生命周期是: vue 实例从创建到销毁,也就是从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、卸载等一系列过程。 在这个过程中也会运行一些叫做生命周期钩子的函数,这给了用户在不同阶段添加自己的代码的机会。 问题二:vue生命周期钩子函 阅读全文
posted @ 2019-10-15 10:03 大橙橙 阅读(1456) 评论(0) 推荐(0) 编辑
摘要: 在编写组件的时候,时刻考虑组件是否可复用是有好处的。一次性组件跟其他组件紧密耦合没关系,但是可复用组件一定要定义一个清晰的公开接口。 Vue.js组件 API 来自 三部分:prop、事件、slot: prop 允许外部环境传递数据给组件,在vue-cli工程中也可以使用vuex等传递数据。 事件允 阅读全文
posted @ 2019-10-15 09:59 大橙橙 阅读(1892) 评论(0) 推荐(0) 编辑
摘要: keep-alive:主要用于保留组件状态或避免重新渲染。 比如: 有一个列表页面和一个 详情页面,那么用户就会经常执行打开详情=>返回列表=>打开详情这样的话 列表 和 详情 都是一个频率很高的页面,那么就可以对列表组件使用<keep-alive></keep-alive>进行缓存,这样用户每次返 阅读全文
posted @ 2019-10-15 09:57 大橙橙 阅读(2106) 评论(0) 推荐(0) 编辑