![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
VUE
oceanheaven_web
这个作者很懒,什么都没留下…
展开
-
vue slot 内容分发
内容分发简单来说,假如父组件需要在子组件内放一些DOM,那么这些DOM是显示、不显示、在哪个地方显示、如何显示,就是slot分发负责的活。例如代码原创 2017-11-01 19:35:38 · 260 阅读 · 0 评论 -
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 · 1831 阅读 · 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 · 305 阅读 · 0 评论 -
vue中常用组件
vue中常用组件原创 2017-11-02 18:06:36 · 421 阅读 · 0 评论 -
vue 中axios的封装
axios方法封装,主要封装方法get,post,put,delete。当我们封装好了之后就可以在main.js中引入使用这样我们就能使用封装的axios了原创 2017-11-02 17:53:08 · 3479 阅读 · 0 评论 -
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 · 549 阅读 · 0 评论 -
去除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 · 10115 阅读 · 3 评论 -
vue-cli build目录详解
vue-cli build目录原创 2017-11-02 17:34:11 · 1164 阅读 · 0 评论 -
vue-cli 初始化项目结构
vue-cli 初始化项目结构原创 2017-11-02 17:30:04 · 371 阅读 · 0 评论 -
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 · 251 阅读 · 0 评论 -
vue自定义事件 子组件向父组件通信
vue的自定义事件非常有趣,大意为子组件使用了一个事件,比如click然后产生了一个效果,这样的效果便可以为自定义事件了。然后将这样的效果命名放入父组件中,当做一个事件来触发,每当这样的效果发生一次时,这样父组件的事件也被触发了,即可以产生另一种效果,下图代码分享给大家仅供参考效果图如下原创 2017-11-01 19:51:32 · 413 阅读 · 0 评论 -
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 · 318 阅读 · 0 评论 -
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 · 186 阅读 · 0 评论 -
vue重定向
在vue开发项目中经常遇到路由重定向问题,什么是重定向,怎么用呢,给大家分享一个小案例:当页面需要登录时用户未登录则跳转到登录页面怎么做呢!我们只需要在组件的钩子函数mounted()中添加一个判断进行重定向即可,如下图原创 2017-11-01 19:03:14 · 1696 阅读 · 0 评论 -
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 · 8534 阅读 · 0 评论 -
vue tab切换
给大家分享一个vue tab切换小demo,代码如下图效果图如下:原创 2017-11-01 19:41:28 · 687 阅读 · 0 评论 -
vue中的数据监听
vue中监听数据可以通过watch和计算属性来实现,如下:数据监听{{fullName}}var vm = new Vue({el:"#app",data:{firstName:"罗",lastName:"潇",fullName:"罗潇"},watch:{//watch:主要作用监听数据改变,计算属性也可以监听原创 2018-01-05 21:30:25 · 3190 阅读 · 0 评论