因为这个文章开的有点晚,不可能说从头教学vue的使用,所以大概还是记录一下我的学习路线吧: 一开始是想学一个前端框架,最后选择了vue,一开始是看了表严肃的vue课程,b站有,讲的相当好,就算打个小广告吧,哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈 1.第一次是寒假学了electron,flex,和一些乱七八糟的前端知识,在看vue文档的时候,就打算把它们综合起来做一个小应用——本地播放器(桌面端哦)!没错,我的第一次vue代码就开始了 第一次的应用是很裸的一个index.js写了全部的vue东西,结…

一.Vuex是干什么用的? 它是用于对复杂应用进行状态管理用的(官方说法是它是一种状态管理模式). “杀鸡不用宰牛刀”.对于简单的项目,根本用不着Vuex这把“宰牛刀”.那简单的项目用什么呢?用Vue.js官方提供的事件总线就可以了. 二.我们import进来的Vuex对象都包含些什么呢? 我们使用Vuex的时候怎么用呢?通常都是这样: import Vue from 'vue'; import Vuex from 'vuex'; Vue.use(Vuex); new Vuex.Store({…

首先很久没有好好静下心来做点东西了,一直用忙碌做借口,实际还是懒,今天决定动一动. 第一步,下载自己的项目模板 首先vue项目国内的暂时还没有,要登录https://aspnetboilerplate.com/才可以下载 第二步 ,代码整理 下载下来之后分为两个文件夹标准的前后端分离,一个aspnetcore 负责WebAPI提供服务,一个vue前端展示,我自己把这当做两个项目维护,那么git走起来 源码管理还是很有必要的,这样方便随时随地拉代码以及查看变更. 开发 由于abp下载下来自带的是M…

vue ssr 项目改造经历 由于工作项目需求,需要将原有的项目改造,vue ssr 没有用到nuxt,因为vue ssr更利于seo,没办法,一个小白的改造经历, 首先说明一下,小白可以借鉴,高手也可以点评一下,因为,我写的不一定准确,只是针对我的项目. 下面先说一下大致: 原有项目有用到element,在改造ssr过程中,是很坑的.如果可以的话,还是强烈建议你重新改写成nuxt项目.由于我是小白,所以开始时候备份了一下项目,然后开始网上查找相关文章. 1.首先是这位大神的文章https://…

一 实现页面的布局 1. 首先在components里建一个login.vue <template> <div class=login_container> 登陆组件 </div> </template> <script> export default { } </script> <style> </style> 登陆组件 2. 路由的设置 router下的index.js import Vue from 'v…

想学vue了  重启ES6的学习之路 在ES5 中正则的构造器  RegExp  不支持第二个参数 ES6 做了调整   第二个参数表示正则表达式的修饰符(flag) var regex = new RegExp('xyz', 'i'); 对字符串调整 字符串可以使用以下四种正则方法: match() .replace() . search() . split() 其实没事么神奇的就是样其实 就是让其调用 RegExp 的实例方法 String.prototype.match 调用 RegExp…

这里说声抱歉,周末因为有其他事,没有更新博客,那么我们今天继续上周5的说. 老规矩,先回顾一下上一次的重点: 1.利用V-if和v-else来提到show()和hide(),同时要记住,v-else一定要跟在v-if后面才有效 2.v-show和v-if的区别( v-show不会渲染dom,只会改变display属性:所以v-if切换速度比v-show慢,而v-show初次渲染比v-if慢 ) 3.v-for循环,及循环中每一个参数所对应的值,这里不具体指出,详情请看学习之路No.3 4.当我们…

Vue 原本有一个官方推荐的 ajax 插件 vue-resource,但是自从 Vue 更新到 2.0 之后,官方就不再更新 vue-resource 目前主流的 Vue 项目,都选择 axios 来完成 ajax 请求,而大型项目都会使用 Vuex 来管理数据,所以这篇博客将结合两者来发送请求 前言: Vuex 的安装将不再赘述,可以参考之前的博客 Vue 爬坑之路(四)-- 与 Vuex 的第一次接触 使用 cnpm 安装 axios cnpm install axios -S 安装其他插…

迄今为止做的最大的 Vue 项目终于提交测试,天天加班的日子终于告一段落... 在开发过程中,结合 Vue 组件化的特性,开发通用组件是很基础且重要的工作 通用组件必须具备高性能.低耦合的特性 为了满足这些特性,开发的时候有很多需要注意的地方,这里我和大家分享一下我的心得 一.数据从父组件传入 为了解耦,子组件本身就不能生成数据.即使生成了,也只能在组件内部运作,不能传递出去. 父对子传参,就需要用到 props,通常的 props 是这样的:…

本文主要讲解事件冒泡,事件绑定的简写,事件默认行为,按键码等一系列与事件相关的知识. 一.事件绑定的简写,@事件类型.  之前我的[js高手之路] vue系列教程 - vue的事件绑定与方法(2) 用的是v-on绑定 window.onload = function(){ var c = new Vue({ el : 'body', methods : { say : function(){ alert( '你好' ); } } }); } <input type="button"…