【vue 基础知识 随笔】的更多相关文章

vue 基础知识随笔

在vue2.0中一个vue实例的生命周期中已经没有ready()了,在vue1.0中才有ready();在vue2.0中立即执行函数使用mounted v-for 参数顺序更新: 数组中使用(value,index)in arr 对象中使用(value,key,index)in object webstrom支持es6语法 setting中Languages&Frameworks中JavasScript设置js版本ECMAScript 6在写js中type使用text/ecmascript-6…

vue 基础知识 随笔

window.localStorage.gettItem("someItem"||[])//如果localStorage中的someItem不存在就返回一个空数组 window.localStorage.setItem("someItem",someValue)//向localStrorage中存入一个便变量 someItem const  ES6的规范   定义一个常量 export 相当于 model.export() 就是导出这个对象 //导出的方法放在这里…

vue基础知识之vue-resource/axios

Vue基础知识之vue-resource和axios(三)   vue-resource Vue.js是数据驱动的,这使得我们并不需要直接操作DOM,如果我们不需要使用jQuery的DOM选择器,就没有必要引入jQuery.vue-resource是Vue.js的一款插件,它可以通过XMLHttpRequest或JSONP发起请求并处理响应.也就是说,$.ajax能做的事情,vue-resource插件一样也能做到,而且vue-resource的API更为简洁.另外,vue-resource还提…

Vue基础知识之vue-resource和axios

Vue基础知识之vue-resource和axios  原文链接:http://www.cnblogs.com/Juphy/p/7073027.html vue-resource Vue.js是数据驱动的,这使得我们并不需要直接操作DOM,如果我们不需要使用jQuery的DOM选择器,就没有必要引入jQuery.vue-resource是Vue.js的一款插件,它可以通过XMLHttpRequest或JSONP发起请求并处理响应.也就是说,$.ajax能做的事情,vue-resource插件一样…

Vue基础知识简介

基础知识: vue的生命周期: beforeCreate/created.beforeMount/mounted.beforeUpdate/updated.beforeDestory/destoryed vue常用指令: v-for.v-bind(缩写形式:prop).v-on(缩写形式@click=’sss').v-if/v-else/v-else-if.v-model.v-once.v-html.v-show... vue自定义组件:Vue.component(‘componentName'…

Vue基础知识梳理

1. Vue 实例 1.1 创建一个Vue实例 一个 Vue 应用由一个通过 new Vue 创建的根 Vue 实例,以及可选的嵌套的.可复用的组件树组成.demo 1.2 数据与方法 数据的响应式渲染 当一个 Vue 实例被创建时,它向 Vue 的响应式系统中加入了其 data 对象中能找到的所有的属性.当这些属性的值发生改变时,视图将会产生“响应”,即匹配更新为新的值.(注意的是只有当实例被创建时 data 中存在的属性才是响应式的.) 使用 Object.freeze(),这会阻止修改现有…

Vue基础知识

Vue特性: 双向数据绑定 通过 指令 扩展了 HTML,通过 表达式 绑定数据到 HTML 解耦视图与数据 可复用组件 虚拟DOM -> 对象 M-V-VM 数据驱动视图 Vue声明周期: beforeCreate创建前状态,created创建完毕状态 beforeMount挂载前状态,mounted 挂载结束状态 beforeUpdate 更新前状态,updated 更新完成状态 beforeDestroy 销毁前状态,destroyed 销毁完成状态 Vue组件传值: 父传子:①在子组件中…

Vue基础知识之组件及组件之间的数据传递（五）

vue中的组件是自定的标签,可以扩展的原生html元素,封装可复用的代码 note: 1.在标签命中不要使用大写,标签名字必须用短横线隔开 2.模板中只能有一个根元素,不能使用并列标签. 定义组件 全局定义,在所有实例中都可以使用这个组件 <template id='hello'> <div> <div>hello</div> <div>world</div> </div> </template> let da…

Vue基础知识之过滤器（四）

过滤器 1.过滤器的用法,用 '|' 分割表达式和过滤器. 例如:{{ msg | filter}} {{msg | filter(a)}} a就标识filter的一个参数. 用两个过滤器:{{msg | myfilter | myfilternumber }} 2.自定义的过滤器 过滤器的结构为:Vue.filter("id",function(value,a){}); value是过滤器的一个参数,也是默认的原始值.a是自定义的一个参数. <!DOCTYPE html>…

Vue基础知识之vue-resource和axios（三）

vue-resource Vue.js是数据驱动的,这使得我们并不需要直接操作DOM,如果我们不需要使用jQuery的DOM选择器,就没有必要引入jQuery.vue-resource是Vue.js的一款插件,它可以通过XMLHttpRequest或JSONP发起请求并处理响应.也就是说,$.ajax能做的事情,vue-resource插件一样也能做到,而且vue-resource的API更为简洁.另外,vue-resource还提供了非常有用的inteceptor功能,使用inteceptor…