vue

Vue Router 路由实现原理

  通过改变URL,在不重新请求页面的情况下,更新页面视图。   更新视图但不重新请求页面,是前端路由原理的核心之一,目前在浏览器环境中这一功能的实现主要有2种方式:    1.Hash ---利用URL中的hash("#");    2.利用Historyinterface在HTML5中新增的方法...

mpvue 解析

mpvue是一款使用Vue.js开发微信小程序的前端框架。总结  生命周期的理解 文档 一次前后端实践使用此框架,开发者将得到完整的Vue.js开发体验,同时为H5和小程序提供了代码复用的能力。 如果想将H5项目改造为小程序,或开发小程序后希望将其转换为H5,mpvue...
代码星球·2020-04-21

windows下npm安装vue

 如图,下载8.9.3LTS(推荐给绝大部分用户使用)双击安装 可以使用默认路径,本例子中自行修改为d:odejs一路点Next 点Finish完成打开CMD,检查是否正常 再看看另外2个目录,npm的本地仓库跑在系统盘c盘的用户目录了(没见到npm-cache是因为没有用过,一...
代码星球·2020-04-18

17、前端知识点--Vue中ref的使用

methods里面的方法,需要手动触发才会执行。如果想让页面一上来就执行的话,就需要写在mounted这个钩子函数中。<body><divid="app"><divclass="add"><!--第一种:使用的原生的js来获取焦点--><!--编号:<inpu...

14、前端知识点--Vue生命周期浅析

每个Vue实例或组件从创建到显示再到废弃的过程就是vue的生命周期。很多时候我们希望能在这个过程中执行一些操作,于是就有了生命周期钩子。生命周期钩子函数允许我们在实例不同阶段执行各种操作,便于我们更好地控制和使用实例首先看一个示例<!DOCTYPEhtml><htmllang="en"><...

Windows下的vue-devtools工具的安装

详细教程在这个链接里:https://www.cnblogs.com/xqmyhome/p/10972772.html...

Vue学习之旅:todomvc的学习练习

一、前奏1、todomvc官网地址:http://todomvc.com/ 查阅文档和下载插件都可以到这个官网上找。2、上GitHub上搜索下载有人做的现成的本地模板:进入GitHub搜索todomvc template,出来的第一个就是了,即:tastejs/todomvc-app-templat...

vue 复制功能 复制到剪切板

首先使用npm安装依赖 npminstall--savevue-clipboard2 然后在main.js中注入 //复制到剪切板import VueClipboard from 'vue-clipboard2'Vue.use(VueClipboard)&nb...
代码星球·2020-04-18

vue 上传文件

<input type="file" ref="files"  /> <el-button class="submitBtn" type="primary" @click="submitForm($event)">确...
代码星球·2020-04-18

vue项目中如何进行登录控制(为什么要使用to.matched)

1.vue项目当中通常都是通过设置routes配置项来控制路由跳转,例如设置routes:[{path:'/cinema',redirect:'/page/cinema',component:BlankLayout,meta:{title:'影院',requiresAuth:true}children:[{path:'...

Vue学习之路之登录注册实例代码

Vue学习之路之登录注册实例代码:https://www.jb51.net/article/118003.htmvue项目中路由验证和相应拦截的使用:https://blog.csdn.net/wang1006008051/article/details/77962942/vue登录路由验证的实现:https://ww...

安装VUE教程

这段时间公司要准备开始用VUE,安装的过程中就遇到各种奇葩问题1.Node.js安装   https://nodejs.org/en/download/ 安装好noedeJS然后继续安装下一步3、执行npminstall--globalvue-cli ,全局安装vue-...
代码星球·2020-04-18

如何在vue项目中使用styl

由于新开的项目,想使用下styl,但是出师不利,创建项目时候就各种bug各种报错,所以先记录下来首先,我们需要在style里面加入这样一句<stylelang='stylus'rel="stylesheet/stylus">如果不加的话是会报错的然后在main.js中引入import'./style/sty...

vue-router路由模式详解

一、路由模式解析  要讲vue-router的路由模式,首先要了解的一点就是路由是由多个URL组成的,使用不同的URL可以相应的导航到不同的位置。  如果有进行过服务器开发或者对http协议有所了解就会知道,浏览器中对页面的访问是无状态的,所以我们在切换不同的页面时都会重新进行请求。而实际使用vue和vue-route...

Vue中错误图片的处理

在一个Vue的PC项目中,要求给错误图片不要让它显示丑陋的图片,就要给图片写一个失败后的默认图片, 在这里写了两种方法,第一种方法,也就是百度到的最多的代码,就是给一张图片一个默认值。 第二种问题,如果页面中有很多地方都存在这个东西,那么在不同的页面中写很对是很麻烦的。就使用到了VUe的指令。这里分...
代码星球·2020-04-18