vue自定义指令
摘要：
除了核心功能默认内置的指令 (如v-model 和 v-show等)，Vue 也允许注册自定义指令。有的情况下，对普通 DOM 元素进行底层操作，这时候就会用到自定义指令。 自定义指令分为：全局自定义指令，局部自定义指令。 使用Vue.directive('focus',{bind(el,bindi 阅读全文
posted @ 2020-09-20 21:56 申文静 阅读(164) 评论(0) 推荐(0)
vue 组件封装
摘要：
我用vue开发的所有项目，都是采用组件化的思想开发的。一般我在搭建项目的时候，会创建一个views目录和一个commen目录和一个feature目录，views目录中放页面级的组件，commen中放公共组件（如：head（公共头组件），foot（公共底部组件）等），feature目录内放功能组件（如 阅读全文
posted @ 2020-09-17 22:17 申文静 阅读(207) 评论(0) 推荐(0)
vue中 修饰符
摘要：
.stop 阻止事件继续传播.prevent 阻止标签默认行为.capture 使用事件捕获模式,即元素自身触发的事件先在此处处理，然后才交由内部元素进行处理.self 只当在 event.target 是当前元素自身时触发处理函数.once 事件将只会触发一次.passive 告诉浏览器你不想阻止 阅读全文
posted @ 2020-09-17 22:16 申文静 阅读(341) 评论(0) 推荐(0)
vue双向数据绑定
摘要：
vue.js是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调来渲染视图。 具体步骤： 第一步： 需要observer的数据对象进行递归遍历，包括子属性对象的属性， 阅读全文
posted @ 2020-09-16 22:34 申文静 阅读(344) 评论(0) 推荐(0)
vue常用的指令
摘要：
一、vue常用指令： v-model 多用于表单元素实现双向数据绑定 v-for 格式： v-for="（item,index) in/of 数组json" 循环数组或json v-show 显示内容 ,通过display=block/none来控制元素隐藏出现 v-hide 隐藏内容 同上 v-i 阅读全文
posted @ 2020-09-16 22:13 申文静 阅读(169) 评论(0) 推荐(0)
vue生命周期的执行过程
摘要：
1. Vue生命周期是什么？ 简单来说Vue实例从创建到销毁的过程，就是生命周期。详细来说也就是从开始创建、初始化数据、 编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程。在这个过程中，会有一些生命周期 钩子函数用户可以在不同阶段的钩子函数中添加相应的业务代码。 2、简单来介绍一下生命周期钩 阅读全文
posted @ 2020-09-15 22:16 申文静 阅读(537) 评论(0) 推荐(0)
v-if与v-show的区别
摘要：
一、相同点 都可以动态控制着dom元素的显示隐藏 区别 v-if: 控制DOM元素的显示隐藏是将DOM元素整个添加或删除; v-show: 控制DOM 的显示隐藏是为DOM元素添加css的样式display，设置none或者是block，DOM元素是还存在的 二、性能对比 v-if有更高的切换消耗； 阅读全文
posted @ 2020-09-15 22:15 申文静 阅读(437) 评论(0) 推荐(0)
api接口统一管理
摘要：
api接口统一管理 新建了一个api文件夹，里面有一个index.js，以及多个根据模块划分的接口js文件。index.js是一个api的出口，其他js则用来管理各个模块的接口。 阅读全文
posted @ 2020-09-15 00:43 申文静 阅读(866) 评论(0) 推荐(1)
axios封装
摘要：
axios的封装和api接口的统一管理，其实主要目的就是在帮助我们简化代码和利于后期的更新维护。 在vue项目中，和后台交互获取数据这块，我们通常使用的是axios库，它是基于promise的http库，可运行在浏览器端和node.js中。他有很多优秀的特性，例如拦截请求和响应、取消请求、转换jso 阅读全文
posted @ 2020-09-15 00:41 申文静 阅读(475) 评论(0) 推荐(0)
浙公网安备 33010602011771号