Array 对象
摘要:Array的对象用于在单个的变量中存储多个值。 constructor 返回对创建此对象的数组函数的引用。 demo: let arr=[]; arr.constructor==Array let obj={}: obj.constructor==Object let str=""; str.con
阅读全文
posted @
2019-02-28 15:57
半夏微澜ぺ
阅读(210)
推荐(0) 编辑
ES6
摘要:声明变量的6种方法: let var const function import class ES6 新增let const来声明变量: 1 不允许变量提升 2 不允许重复声明 3 块级作用域 数组的扩展: 扩展运算符是三个点,它好比rest参数的逆运算,将一个数组转为用逗号分隔的参数序列; con
阅读全文
posted @
2019-02-28 15:50
半夏微澜ぺ
阅读(117)
推荐(0) 编辑
对象
摘要:对象是可变的我们可以通过引用而非值来操作对象; let obj={}; let obj1=obj; 修改obj 或者obj1的值,obj和obj1同时改变。obj1是obj的引用 对象中属性: 1 如果key含有空格或者下划线或者是保留字,key值必须加引号 demo: let obj={ 'mai
阅读全文
posted @
2019-02-27 17:23
半夏微澜ぺ
阅读(101)
推荐(0) 编辑
vue-element el-select value-key
摘要:如果select绑定的值为对象,请务必指定value-key为它的唯一性标示 demo: 最终test的值是一个对象; test的赋值,必须要有id值 {id:1} 或者{id:1,name:'张三'}都可以,都是
阅读全文
posted @
2019-02-27 14:57
半夏微澜ぺ
阅读(16881)
推荐(0) 编辑
ajax 异步请求
摘要:ajax跨域请求发生的原因:1 浏览器限制 域名和端口不一致时会阻拦请求 请求可以发送成功 response中也有数据,就是不会返回前台2 跨域3 XHR XMLHttpRequest请求如果不用XHR请求,可以请求成功,例如把请求写在Img 的src中 只有上述三个情况同时满足才会发生跨域请求问题
阅读全文
posted @
2019-02-26 17:03
半夏微澜ぺ
阅读(132)
推荐(0) 编辑
路由懒加载
摘要:在打包构建的应用时,js包会变得特别大,影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应的组件, 这样就更加高效了。 结合Vue的异步组件和webpack的代码分割功能,轻松实现由路由的懒加载。 1 可以将异步组件定义为返回一个Promise的工厂函数
阅读全文
posted @
2019-02-26 16:56
半夏微澜ぺ
阅读(334)
推荐(0) 编辑
vue-router 安装
摘要:如果在一个模块化工程中使用它,需要通过Vue.use() 明确的安装路由功能,如果使用全局的script标签,则不需要手动安装。 Vue Router是Vue.js官方的路由管理器。它和Vue.js的核心深度集成,让构建单页面应用变得易如反掌。包含的功能: 嵌入的路由/视图表 模块化的、基于组件的路
阅读全文
posted @
2019-02-26 16:38
半夏微澜ぺ
阅读(372)
推荐(0) 编辑
vuex 命名空间
摘要:默认情况下,模块内部的action mutation getter是注册在全局命名空间的,如果希望你的模块具有更高的封装度和复用性,你可以通过添加namespaced:true的方式使其成为带命名空间的模块。当模块注册后,它的所有getter action 以及mutation都会自动根据模块注册的
阅读全文
posted @
2019-02-26 10:53
半夏微澜ぺ
阅读(443)
推荐(0) 编辑
vue-touchjs
摘要:支持vue2.0的面向指令的touch指令,基于touchjs(原百度实现的移动端手势库) vue-touchjs支持三种stopPropagation的方式: 1 .stop修饰符 2 事件handler里面调用stopPropagation方法 3 事件handler里面return false
阅读全文
posted @
2019-02-25 12:14
半夏微澜ぺ
阅读(2105)
推荐(0) 编辑
vue全局配置
摘要:Vue.config 是一个对象,包含Vue的全局配置。可以在启动应用之前修改下列的属性: Vue.config.slient=true; 取消Vue所有的日志与警告 默认值false Vue.config.optionMergeStrategies 自定义合并策略的选项。 合并策略选项分别接受第一
阅读全文
posted @
2019-02-25 11:32
半夏微澜ぺ
阅读(1063)
推荐(0) 编辑
vue watch 深度监听以及立即监听
摘要:vue watch对象可以监听数据,数据发生变化,处理函数 watch虽可以监听,但只是浅监听,只监听数据第一层或者第二层。比如对于整个对象的监听,需要用到深度监听 在单文件组件中: 设置 immediate 为true,将立即以表达式的当前值触发回调
阅读全文
posted @
2019-02-22 16:38
半夏微澜ぺ
阅读(10285)
推荐(0) 编辑
Vue插件
摘要:插件通常会为Vue添加全局功能,插件的范围没有限制,一般有以下几种: 1 添加全局方法或者属性 vue-element 2 添加全局资源:指令/过滤器/过渡等vue-touch 3 通过全局mixin方法添加一些组件选项 vuex 4 添加Vue实例方法,通过把它们添加到Vue.prototype上
阅读全文
posted @
2019-02-22 14:22
半夏微澜ぺ
阅读(233)
推荐(0) 编辑
Vue 变化检测问题
摘要:受现代Javascript的限制,Vue不能检测到对象属性的添加和删除,因为Vue在初始化时将属性转为getter/setter,所以属性必须在data对象上才能让Vue转换它,Vue不允许在已经创建的实例上动态添加新的根级响应式属性。 然而它可以使用Vue.set(Object,key,value
阅读全文
posted @
2019-02-22 11:36
半夏微澜ぺ
阅读(349)
推荐(0) 编辑
异步组件
摘要:在大型应用中,我们可能需要将应用拆分为多个小模块,按需从服务器下载。为了让事情更简单,Vue.js允许将组件定义为一个工厂函数,动态的解析组件的定义。Vue.js只在组件需要渲染时触发工厂函数,并且把结果缓存起来,用于后面的再次渲染。 Vue.component('async-example',fu
阅读全文
posted @
2019-02-21 14:49
半夏微澜ぺ
阅读(173)
推荐(0) 编辑
子组件索引$refs
摘要:$refs只在组件渲染完成之后才填充,并且它是非响应式的,它仅仅作为一个直接访问访问子组件的应急方案 应当避免的模板中或者计算属性中使用$refs
阅读全文
posted @
2019-02-20 17:32
半夏微澜ぺ
阅读(333)
推荐(0) 编辑
vue 重塑数组之 修改数组指定index的值
摘要:vm.items[indexOfItem] = newValue vue不能检测数组的变动 想要实现可以使用vue的set方法 this.$set(this.items,indexOfItem,newValue);
阅读全文
posted @
2019-02-20 11:03
半夏微澜ぺ
阅读(6624)
推荐(0) 编辑
vue 计算属性 computed
摘要:计算属性默认只有getter,所以计算属性的值不能收到设置值,否则会提示没有setter,如果需要可以手动设置setter、
阅读全文
posted @
2019-02-19 16:52
半夏微澜ぺ
阅读(136)
推荐(0) 编辑
Vue 项目中添加全局过滤器以及全局混合mixin
摘要:可以在.vue文件中定义局部使用的过滤器 如果希望所有的.vue文件都可以使用就可以注册全局过滤器 如果过滤器比较多,可以把所有的过滤器统一写在一个js文件中,再在main.js文件中引入 filter.js main.js 添加混合mixin 混合是一种灵活的分布式复用Vue组件的方式。混合对象可
阅读全文
posted @
2019-02-19 16:21
半夏微澜ぺ
阅读(1317)
推荐(0) 编辑
vue 自定义组件使用v-model
摘要:在自定义组件上使用v-model指定: 使用自定义事件的表单输入组件 自定义事件也可以用来创建自定义的表单输入组件,使用v-model实现双向数据绑定 <input v-model="msg"/> 只是 <input :value="msg" @input="msg=$event.target.ms
阅读全文
posted @
2019-02-19 15:27
半夏微澜ぺ
阅读(784)
推荐(0) 编辑