oceanheaven_web-CSDN博客

原创 vue中的数据监听

vue中监听数据可以通过watch和计算属性来实现，如下：数据监听{{fullName}}var vm = new Vue({el:"#app",data:{firstName:"罗",lastName:"潇",fullName:"罗潇"},watch:{//watch:主要作用监听数据改变，计算属性也可以监听

2018-01-05 21:30:25 3216

原创 javascript 操作符

1.位操作符中的一元加或减：就是将非数字类型转换为数字类型，其实调用的是valueof和toString方法。var a = "123";var b = "1.1"var c = "0012"var d = "z";var e = "false";var f = {valueof : function(){return -1;}}s1 = +

2018-01-05 21:29:57 265

原创 js中的参数传递arguments

7 js中的参数传递和访问在javascript中函数的参数在内部是以数组的形式存放，所以它不在意传进来多少个参数，也不介意是什么类型的参数，我们可以通过arguments[]来访问数组中的参数，arguments只是和数组类似，并不是Arrey的实例，eg1：function sayHi(name,message){alert("hello"+name+"...."+

2018-01-05 21:29:35 868

原创 JavaScript遍历

JavaScript遍历//遍历方法一var a=arr01.every(function(item,index,array){alert(item);//遍历数组item相当于ireturn true;//如果不写return true，那么只会遍历第一个元素，因为默认的是return false，默认只编列第一个元素})//遍历方法二//刚好与every

2018-01-05 21:29:14 547

原创 JavaScript重排序方法

function compare(value1,value2){if(value1return -1;

2018-01-05 21:28:41 280

转载 Ajax运作机制介绍

关于ajax，是最近炒得非常火的一种技术，并且时下它也是非常流行。当然，它并不是什么新技术，而是在各种已有的技术和支持机制下的

2018-01-05 21:28:07 1023

转载 vue-cli起的webpack项目用localhost可以访问，但是切换到ip就不可以访问我用的是vux起的一个项目（移动端，基于vue的），因为是移动端的，需要在手机上测试，发现用

vue-cli起的webpack项目用localhost可以访问，但是切换到ip就不可以访问我用的是vux起的一个项目（移动端，基于vue的），因为是移动端的，需要在手机上测试，发现用http://localhost:8081/访问的挺好的，但是换到ip就访问不了，期初我以为是代理的原因，将电脑的代理给关掉了。还是不行，然后改为127.0.0.1访问，发现可以

2018-01-05 21:26:55 1892 1

转载 Vue-router小结

Vue-router小结Oct 19, 2017主要记录vue路由问题,基于vue^2.3.3路由动态跳转this.$router.push({path:'studentEmployerList',query:{id:'12'}})//动态跳转页面路径this.$router.replace({path:'studentEmplo

2017-11-02 18:15:27 339

转载 html中meta标签详解

声明文档使用的字符编码meta charset='utf-8'>优先使用 IE 最新版本和 Chromemeta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>页面描述meta name="description" cont

2017-11-02 18:09:06 524

原创 vue 中axios的封装

axios方法封装，主要封装方法get,post,put,delete。当我们封装好了之后就可以在main.js中引入使用这样我们就能使用封装的axios了

2017-11-02 17:53:08 3501

原创 vue中引入jQuery

vue库发展很快，但是相比jQuery目前还不够完善，许多功能使用jQuery可以快速实现但是vue实现却比较麻烦，那么我们怎么在vue中使用jQuery呢！与大家分享一下：1.使用npm安装jQuery，当然也可以使用cnpm这个淘宝镜像安装npm install jquery2.找到build目录下的webpack.base.conf.js文件在这个文件中首先引入：var

2017-11-02 17:41:25 566

原创去除vue路由跳转地址栏后的哈希值#

去除vue路由跳转地址栏后的哈希值#，我们只需要在路由跳转的管理文件router目录下的index.js中加上一句代码即可去掉哈希值#import Vue from 'vue'//1.引入vue-routerimport Router from 'vue-router'import find from '../components/find'import mall from

2017-11-02 17:35:34 10191 3

原创 vue 非父子组件通信

vuex模块状态管理进行模块间的通信//1.创建名为store;//2.创建名为index.js文件;//内容:import Vue from "vue";import Vuex from "vuex";Vue.use(Vuex);const state = { show: 1,};export default new Vuex.Store({ state,});//3.在main.j

2017-11-02 17:24:56 269

原创 vue-cli脚手架安装

和大家分享一下vue-cli脚手架怎么安装使用的1.首先你需要在电脑上有npm包管理器，在电脑上配置node环境是会自动安装npm2.安装淘宝镜像cnpm，这可以看做npm的一个翻墙，以后安装插件或模块的时候速度会提高不少npm install cnpm -g3.可以通过vue list命令来查看可以使用的模块4.安装成功后使用vue init webpack vuecli

2017-11-02 13:52:53 204

原创 vue prop 父组件向子组件通信

vue父组件向子组件传递数据，prop，附上代码供大家参考js 代码Vue.component("todo-list",{template:'代办事项：{{todosItem}}',// template:'代办事项：{{todos-Item}}',//这里不能使用“-”字符串(todos-Item),在js中-会被识别为减号props:["todos-

2017-11-01 19:58:06 337

原创 vue自定义事件子组件向父组件通信

vue的自定义事件非常有趣，大意为子组件使用了一个事件，比如click然后产生了一个效果，这样的效果便可以为自定义事件了。然后将这样的效果命名放入父组件中，当做一个事件来触发，每当这样的效果发生一次时，这样父组件的事件也被触发了，即可以产生另一种效果，下图代码分享给大家仅供参考效果图如下

2017-11-01 19:51:32 446

原创 vue tab切换

给大家分享一个vue tab切换小demo，代码如下图效果图如下：

2017-11-01 19:41:28 707

原创 vue slot 内容分发

内容分发简单来说，假如父组件需要在子组件内放一些DOM，那么这些DOM是显示、不显示、在哪个地方显示、如何显示，就是slot分发负责的活。例如代码

2017-11-01 19:35:38 279

原创 vue-cli监听组件加载完成

在使用vue-cli开发项目时遇到过一个问题，要求是页面组件全部加载完成后再执行某个函数，给上代码参考，方法可能有点笨，好在实现了功能。1.安装vuexnpm install vuex --save2.在项目目录下找到store.js文件import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex) //监听nav

2017-11-01 19:13:46 8565

原创 vue重定向

在vue开发项目中经常遇到路由重定向问题，什么是重定向，怎么用呢，给大家分享一个小案例：当页面需要登录时用户未登录则跳转到登录页面怎么做呢！我们只需要在组件的钩子函数mounted（）中添加一个判断进行重定向即可，如下图

2017-11-01 19:03:14 1722

我们在使用iframe内联框架加载子页面时会发现iframe的高度和子页面的高度不一样，这是因为ajax请求服务器数据会有一个过程，iframe已经获取到的高度是ajax回显的数据还未加载到我们的子页面时的高度，所以iframe的高度会比我们子页面的高度要小一些，怎么解决这个问题呢，其实很简单，我们只需要在页面给一个监听事件，当ajax完成后重新获取页面高度传给iframe就行了，话不多说直接上代

2017-08-30 09:29:48 1692 1

oceanheavenweb的博客