![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
木凡空
就让光芒折射泪湿的瞳孔
映出心中最想拥有的彩虹
展开
-
nrm的安装与配置
1、简介 nrm,即npm registry manager,是npm的镜像源管理工具。2、使用(1)全局安装npm install -g nrm(2)查看可选源nrm ls(3)切换源nrm use taobao //使用淘宝源(4)添加私有源// nrm add <register> <url>nrm add hello http://**...原创 2020-04-26 08:52:54 · 165 阅读 · 0 评论 -
路由vue-router使用总结
1、基本使用<script src="https://unpkg.com/vue-router/dist/vue-router.js"></script><div id="app"> <!--router-link默认渲染一个a标签--> <router-link to="/login">登录</router-lin...原创 2020-04-26 01:21:53 · 172 阅读 · 0 评论 -
Vue组件使用总结
一、注册组件<div id="app"> <mycom></mycom></div><script> Vue.component('mycom',{ template:'<div>这里是组件内容</div>' }); var vm=new Vue({ ...原创 2020-04-25 13:18:43 · 159 阅读 · 0 评论 -
Vue过渡及动画总结
一、过渡1、示例<style> /**进入前、离开后*/ .my-enter, .my-leave-to{ opacity: 0; transform: translateX(80px); } /**进入及离开的过渡状态*/ .my-enter-active, .my-leave-active{ transition:all 1.4s...原创 2020-04-24 09:56:43 · 169 阅读 · 0 评论 -
Vue全局配置总结
//全局配置根域名Vue.http.options.root='http://www.***.com/';this.$http .post('bing/addprodinfo',{name:this.name},{emulateJSON:true}) .then(result=>{ if(result.body.status===0) { ...原创 2020-04-23 23:45:51 · 146 阅读 · 0 评论 -
Vue通过接口进行列表添加、删除
1、引入JS<!--bootstrap--><link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css"><script src="http://cdn.static.runoob.com/libs/bootstrap/3...原创 2020-04-23 21:26:43 · 2735 阅读 · 0 评论 -
Vue通过接口获取数据在列表展示
1、引入JS<!--bootstrap--><link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css"><script src="http://cdn.static.runoob.com/libs/bootstrap/3...原创 2020-04-23 10:42:25 · 6759 阅读 · 1 评论 -
Vue的生命周期钩子详解
一、生命周期create: 实例创建完成后调用。 此阶段完成了数据的观测等,但尚未挂载,$el还不可用 需要初始化处理一些数据时会比较有用mounted: el挂载到实例上后调用,一般我们的业务逻辑会长这里开始beforeDestroyed: 实例销毁之前调用。主要解绑一些使用addEventListener监听的事件等二、生命周期图示...原创 2020-04-22 23:54:40 · 305 阅读 · 0 评论 -
Vue自定义指令总结
一、简介1、钩子函数bind:只调用一次,指令第一次绑定到元素时调用。该处可进行一次性的初始化设置inserted:被绑定的元素插入父节点时调用update:所在组件的VNode更新时调用,但可能发生在其子VNode更新之前** componentUpdated**:指令所在组件的VNode及其子VNode全部更新unbind:只调用一次,指令与元素解绑时调用2、钩子函数参数el:...原创 2020-04-21 22:34:39 · 340 阅读 · 0 评论 -
Vue各种指令详解
一、指令1、v-text 将元素当成纯文本输出<div v-text="myContent"></div> var app = new Vue({ el:'#app' data:{ myContent:'<h1 style="color: red">我的内容</h1>' }}...原创 2020-04-19 20:54:55 · 225 阅读 · 0 评论 -
Vue项目结构
(1) Build:项目构建(webpack)相关代码,存放项目构建脚本(2) config:配置目录,存放项目的一些基本配置信息,最常用的就是端口转发(3) node_modules:npm加载的项目依赖模块,这个目录存放的是项目的所有依赖,即 npm install 命令下载下来的文件(4) src:这个目录下存放项目的源码,即开发者写的代码放在这里 这里包...原创 2020-01-01 23:27:11 · 4216 阅读 · 0 评论