看学习视频,因为年份比较早了,其实vue早已迭代到vue2.0了,遇到一些问题: v-for遍历数组,获取索引 注意:在2.0版是1~10中,$index已废除,索引 (item,index). 如下为vue1.0的写法,$index浏览器会报错 <ul v-if="seller.supports" class="supports"> <li class="support-item" v-for="item in se…

Vue中data有return返回函数问题: 在简单的vue实例中会看到Vue实例中data属性展示方式如下: let app= newVue({ el:"#app", data:{ msg:'' }, methods:{ } }) 但是在组件化的项目中使用的是如下的形式: export default{ data(){ return { } }, methods:{ } } 这里为什么要写return返回呢  因为不使用return包裹的数据会在项目的全局可见,会造成变量的污染 使用…

1.Jinkey大神的新手入门攻略 2.小凡vuejs2的视频地址 3.网友翻译的vuejs2官方中文文档 部分报错处理: 1.错误一 vue.js?b6db:2611[Vue warn]: Unknown custom element: <router-link> - did you register the component correctly? For recursive components, make sure to provide the "name" opt…

v-if和v-show一起使用 在开发项目过程中v-if和v-show一起使用时,接下面跟着的v-else会在页面上面显示两次 .代码如下: <tbody class="sortable" id="sortTable"> <tr v-show="items.length" v-for="(item,index) in items" :item="item"> <td :id=&…

最近在做vue的练习,发现有些js中的基础知识掌握的不牢,记录一下: 1.onchange事件:是在域的内容改变时发生,单选框与复选框改变后触发的事件. 2.push方法:向数组的末尾添加一个或多个元素,并返回新的长度 array.push(item1,item2,...,itemx) 3.splice方法:用于插入.删除或替换数组元素 array.splice(index,howmany,item1,...itemx) 4.forEach()方法:用于调用数组的每一个元素,并将元素传递给回调函…

1.axios使用post传值时无法使用键值对传值的问题 问题的原因:主要是HTTP请求中的get请求和post请求参数的存放位置是不一样的,get请求的参数以键值对的方式跟在url后面的,而post请求的参数是以键值对的方式在请求体里的,axios的post默认是application/json格式 解决方法:1.修改请求头"Content-Type"为“application/x-www-form-urlencoded” 2.使用Qs.stringify()序列化数据(Qs是axi…

computed:计算属性,官方api上说计算属性的结果会被缓存,除非依赖的响应式属性变化才会重新计算.但是经过测试并没有缓存.案例: computed: { now: function () { console.log("计算属性"); return Date.now() } } http://cn.vuejs.org/v2/guide/components.html#使用自定义事件的表单输入组件 http://cn.vuejs.org/v2/guide/components.htm…

//html <div id="app"> <div> <label>id <input type="text" v-model="id"/> </label> <label>name <input type="text" v-model="name"/> </label> <input type=&quo…

前言 在上一篇博客vue学习笔记(八)组件校验&通信中,我们学会了vue中组件的校验和父组件向子组件传递信息以及子组件通知父组件(父子组件通信),上一篇博客也提到那是对组件内容的刚刚开始,而本章博客将会重点的讲解vue-cli中的组件通信,毕竟这在以后的开发内容中是非常普遍使用的.那么一起来看看本篇博客需要学习的知识点吧! 本章目标 学会使用vue-cli中父组件向子组件传递信息 学会使用vue-cli中子组件向父组件传递信息 学会使用vue-cli中非父子组件传递信息 vue-cli中的父组件…

1.GraphQL是什么,能干什么? 正如官网所说,GraphQL是一种用于API查询的语言.Facebook 的移动应用从 2012 年就开始使用 GraphQL.GraphQL 规范于 2015 年开源,现已经在多种环境下可用,并被各种体量的团队所使用. 官网:https://graphql.cn/ 2.GraphQL入门学习 推荐入门链接:https://segmentfault.com/a/1190000008637399 3.GraphQL在Vue项目中的应用 <-----边学边更新-…