赞助
摘要: 文档:https://www.kancloud.cn/yunye/axios/234845 Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和node.js中。能拦截请求和响应,自动转换JSON数据。axios也是vue作者推荐使用的网络请求库。 兼容问题 使用语法 # GE 阅读全文
posted @ 2021-01-05 18:19 Tsunami黄嵩粟 阅读(91) 评论(0) 推荐(0)
摘要: 每个 Vue 实例在被创建之前都要经过一系列的初始化过程。例如需要设置数据监听、编译模板、挂载实例到 DOM、在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数,给予用户机会在一些特定的场景下添加他们自己的代码。 beforeCreate 在实例初始化之后,数据观测和事 阅读全文
posted @ 2021-01-05 17:29 Tsunami黄嵩粟 阅读(79) 评论(0) 推荐(0)
摘要: 混入(mixins)是一种分发Vue组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被混入该组件本身的选项。 混入分为:全局和局部 定义全局混入 局部混入 注: 生命周期中方法要是混入就相当于中间件功能 优先级 全局 > 局部 > vue实例 阅读全文
posted @ 2021-01-05 17:23 Tsunami黄嵩粟 阅读(193) 评论(0) 推荐(0)
摘要: 在数据被渲染之前,可以对其进行进一步处理,比如将字符截取或者将小写统一转换为大写等等,过滤器本身就是一个方法。 过滤器可以定义全局或局部 # 全局 // 回调函数中的参数1永久是绑定的数据 Vue.filter(过滤器名称,(value,[…args])=>{}) # 局部过滤器定义 此过滤器定义在 阅读全文
posted @ 2021-01-05 17:13 Tsunami黄嵩粟 阅读(96) 评论(0) 推荐(0)
摘要: 使用watch来侦听data中数据的变化,watch中的属性一定是data 中已经存在的数据。 当需要监听一个对象的改变时,普通的watch方法无法监听到对象内部属性的改变,只有data中的数据才能够监听到变化,此时就需要deep属性对对象进行深度监听。 <div id="app"> <input 阅读全文
posted @ 2021-01-05 17:05 Tsunami黄嵩粟 阅读(67) 评论(0) 推荐(0)
摘要: 模板中放入太多的逻辑会让模板过重且难以维护,使用计算属性可以让模板变得简洁易于维护。计算属性是基于它们的响应式依赖进行缓存的,计算属性比较适合对多个变量或者对象进行处理后返回一个结果值,也就是数多个变量中的某一个值发生了变化则我们监控的这个值也就会发生变化。 计算属性定义在Vue对象中,通过关键词c 阅读全文
posted @ 2021-01-05 16:59 Tsunami黄嵩粟 阅读(132) 评论(0) 推荐(0)
摘要: https://cn.vuejs.org/v2/guide/custom-directive.html 除了核心功能默认内置的指令,Vue也允许注册自定义指令。有的情况下,对普通 DOM 元素进行底层操作,这时候就会用到自定义指令绑定到元素上执行相关操作。 自定义指令分为:全局指令和局部指令,当全局 阅读全文
posted @ 2021-01-05 16:07 Tsunami黄嵩粟 阅读(70) 评论(0) 推荐(0)
摘要: <select v-model="selected"> <option>请选择</option> <option>HTML</option> <option>CSS</option> <option>JS</option> </select> data: { selected: '' } .lazy 阅读全文
posted @ 2021-01-05 15:01 Tsunami黄嵩粟 阅读(74) 评论(0) 推荐(0)
摘要: 此种方式需要input标签提供value属性 <input type="checkbox" value="html" v-model="checkedNames"> <input type="checkbox" value="css" v-model="checkedNames"> <input t 阅读全文
posted @ 2021-01-05 14:56 Tsunami黄嵩粟 阅读(105) 评论(0) 推荐(0)