2017年07月_cofecode

原创 vue-resource 踩坑记

在项目工作中，用vue-resource去请求后端数据。请求方法为POST请求。用this.$http.post去请求，请示我跨域了，然后我用vue-resource的this.$http.jsonp去请求。但是vue-resource的jsonp方法只能是GET 的方式去请求。如何做到跨域的POST请求？试过一些方法，未果，记录一下。

2017-07-30 16:38:05 398

原创微信小程序文件结构

pages下面刚好有两个页面。一个是index的文件夹，一个是logs（查看启动日志）的文件夹。每个文件夹下面，又有四个文件。分别对应的.js 行为.json 配置.wxml 骨架.wxss 样式app.js和app.json和app.wxss是描述应用程序整个的一种状态。没有wxss文件，在全局里是唯一的。是应用程序的入口在全局里配置样式和在文件夹里配置样式，哪个的优先级会高一些？这里

2017-07-17 14:10:46 514

原创 ES6 函数的参数设置默认值

ES6 允许为函数的参数设置默认值，即直接写在参数定义的后面。很简单，上例子<script> function foo(x = 11, y = 31) { console.log( x + y ); } foo(); //没传参数，走默认值，为42 foo(1,2); //有参数，走参数，为4 </script>是不是很简

2017-07-13 00:20:30 3728 1

原创时间对象格式转换

var d = new Date();function fn(d){ var year = d.getFullYear(); var month = d.getMonth()+1; var day = d.getDate(); month= month<10 ? ‘0’+month :month; day =

2017-07-12 10:52:51 596

原创 Vue中父组件向子组件通信

props组件实例的作用域是孤立的。子组件的模板中是无法直接调用父组件的数据。可以使用props将父组件的数据传给子组件。子组件在接受数据时要显示声明props看下面的例子<div id="app"> <panda here='China'></panda></div><script src="https://unpkg.com/vue/dist/vue.js"></script><sc

2017-07-10 18:54:32 745

原创 Vue 命名视图是个啥？

除了命名路由外，还有一种配置路由的方式，叫命名视图。命名试图是个啥？就是在单个路由可以定义多个命名组件上例子路由这样配置const nav = { template: '<div>我是导航栏</div>' }const sidebar = { template: '<div>我是侧边栏</div>' }const router = new VueRouter({ mode: 'histor

2017-07-08 11:28:11 3912

原创 Vue中$parent 和$children的使用

$parent 该组件实例的父级组件实例$children 该组件实例的子组件实例上代码html部分<div id='box'> <parent ref='pa'></parent></div> script部分Vue.component('parent',{ template:`<div><h1>父组件</h1><child></child></div>`,

2017-07-07 11:18:31 13148

原创 Vue 创建组件的两种方法

创建组件方法var child=Vue.extend({})var parent=Vue.extend({})Vue.extend() 全局方法生成构造器，创建子类使用基础 Vue 构造器，创建一个“子类”。这样写非常繁琐。于是vue进行了简化使用Vue.component()直接创建和注册组件：Vue.component(id,options) 全局方法用来注册全局组件id 是strin

2017-07-07 10:30:47 15909

原创安装vue-devtool工具

最近公司在用vue-cli在做项目。下载了一个vue-devtool的谷歌浏览器工具。目前还在摸索中。安装好了后，必须在vue-cli的项目中打开控制台，才能看到vue的调试工具。在别的普通的网页下，工具的图标是灰色的。点上去的时候，也只是显示Vue.js not detected

2017-07-06 18:22:13 2084

cofecode的博客