【Vue】
关注
分享
扫一扫
一套用于构建用户界面的渐进式框架,Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合.当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动
LM-mint
这个作者很懒，什么都没留下…
展开
-
【Vue】axios的使用
axios的安装和使用安装：npm install axios1.在main.js中引入axiosimport axios from 'axios'import qs from 'qs'Vue.prototype.$axios = axios //全局注册，使用方法为:this.$axiosVue.prototype.qs = qs //全局注册，使用方法...原创 2019-04-19 21:31:16 · 248 阅读 · 16 评论 -
【Vue】slot插槽使用
在使用iview提供的组件库中，会使用到slot插槽。slot相当于是一个占位的东西，在插槽里可以放置任何内容。 slot最简单的使用方式就是在我们的子组件内使用特殊的slot元素为这个子组件开启一个slot，在父组件的模板中，插入这个子组件标签内的所有内容都将代替子组件的slot标签以及它的内容一、简单使用：在新建项目中，建立一个组件，并在HelloWord中使用该组件HelloWor...原创 2019-04-14 21:27:06 · 920 阅读 · 6 评论 -
【Vue】 安装Vuex，报错Error: EPERM: operation not permitted, rename
Vue中安装vuex，出现错误如下：npm ERR! path F:\fristvue\node_modules\vue-loadernpm ERR! code EPERMnpm ERR! errno -4048npm ERR! syscall renamenpm ERR! Error: EPERM: operation not permitted, rename 'F:\fristvu...原创 2019-04-07 20:09:47 · 11689 阅读 · 6 评论 -
Vue简单指令
插值1.文本内容Mustache模板，表现形式{{语法}},不能作用在HTML特性（属性）上，只能存在单行一句<head> <meta charset="UTF-8"> <title>vue入门</title> <script src="./vue.js"></script>&原创 2019-03-24 20:24:20 · 360 阅读 · 16 评论 -
vue 组件切换
&amp;amp;lt;popmenu v-bind:message=&amp;quot;mes&amp;quot; v-if=&amp;quot;isc&amp;quot;&amp;amp;gt;&amp;amp;lt;/popmenu&amp;amp;gt; &amp;amp;lt;popup v-bind:message=&amp;qu原创 2019-03-13 17:46:41 · 412 阅读 · 6 评论 -
Vue 路由传参跳转
路由传参跳转在vue的项目中会用到页面之间进行转换，并且需要路由传参的情况。路由传参跳转具体分为以下两种：1.使用queryquery传参配置的是path,在路由配置中不需要设置参数，但传递的参数会显示在地址栏中，并且会保存传递过来的值，刷新不变。实例：跳转页面：在这里插入代码片路由配置：效果：2.使用paramsparams传参配置的是name,在路由配置中必须设置参数，传...原创 2019-03-13 15:02:22 · 327 阅读 · 7 评论 -
什么是Vuex?
在Vue项目的运行中使用了Vuex，通过前期的学习了解到Vue特点是多组件。设想如果我们开发的是一个大项目，那么多个组件之间的通信和状态将会难以维护。比如说：而Vuex就是来管理这部分的数据，将状态管理单独拿出来，统一进行处理。后期维护的过程中数据的修改和维护就会变得更加简单和清晰具体使用：用户界面负责触发动作(Action），进而改变对应状态（State）,从而反映到视图（View）上。安...原创 2019-03-13 11:20:17 · 260 阅读 · 6 评论 -
Vue 生命周期钩子
Vue的生命周期 从Vue实例创建，运行，到销毁期间，总是伴随着各种各样的事件，这些事件，称为生命周期。创建：beforeCreate：实例刚刚在内存中被创建出来，但data和methods还没有进行初始化。created：实例已经在内存中创建，data和methods还没有创建beforeMount：完成模板的编译mounted：将编译好的模板，挂载到页面指定的容器中运行：be...原创 2019-03-05 16:20:45 · 246 阅读 · 6 评论 -
Vue-resource和axios区别
在Vue项目中前后端交互时，早期的Vue版本使用Vue-resource插件从后台获取数据。从Vue2.0之后就不再对vue-resource进行更新，而是推荐使用axios. vue-resourceVue.js的插件提供了使用XMLHttpRequest 或 JSONP进行Web请求和处理响应的服务。vue-resource像jQuery的$,ajax，用来进行数据交互。主要用于发送aja...翻译 2019-03-03 17:23:31 · 6302 阅读 · 3 评论 -
Vue 路由跳转
Vue中router-view实现路由内容的地方。router-view可以看做是一个容器，它所渲染的组件是使用vue-router指定。router-view在哪里引入组件就会在哪里显示。路由跳转的三种方式一、router-link语法：<router-link to=“跳转页面的路径”>在编译之后，<router-link>会被渲染为<a>标签，...原创 2019-03-03 16:26:44 · 466 阅读 · 5 评论 -
Vue 父子组件通信
Vue传值方式，在Angular和VUE的学习中了解了组件的概念，组件就是自定义的元素，包含了一些HTML元素和一些可封装重用的代码。Vue组件同时也是Vue实例，具有相同的生命周期钩子。本篇博客主要讲解如何在父子组件之间进行传值通信操作。 父子组件的关系可以总结为prop向下传递，事件向上传递。父组件通过prop给子组件下发数据，子组件通过事件给父组件发送信息。一、父组件传值给子组件...原创 2019-02-28 20:37:16 · 271 阅读 · 7 评论 -
Vue.js
vue.js1.vue是前端框架，react最流行的前端框架（可以用于开发网站和手机APP）2.vue.js， Angular.js, react.js是前端三大主流框架。3.用于构建用户界面的框架，只关注视图层4.相当于MVC中的VVUE采用自底向上增量开发的设计，vue的核心库只关注视图层。VUE.js的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。最初在前...原创 2019-02-17 20:52:56 · 337 阅读 · 21 评论