vue
关注
分享
扫一扫
vue学习笔记
qindayong！
这个作者很懒，什么都没留下…
展开
-
vue+express+socket.io实现前后端保持长连接
vue+express+socket.io实现前后端保持长连接1.安装依赖包#vuenpm install vue-socket.io --save#nodenpm install socket.io --save2.在端项目中main.js引入依赖包//socket设置import VueSocketio from 'vue-socket.io';Vue.use(new VueSocketio({ debug: true, connection: 'http://127.0.0原创 2020-07-06 16:27:23 · 1662 阅读 · 3 评论 -
nuxt.js环境搭建
nuxt.js环境搭建1 在使用npm前你需要安装Node到系统中，2 用npm来安装vue-cli这个框架，如果你已经安装过了，可以省略这步。npm install vue-cli -g这个根据你的网络环境不同，安装的速度不仅相同，如果你的网络环境实在不好，可以考虑使用cnpm来进行安装。（在实际开发中我会尽量避免使用cnpm来进行安装，因为会出现一些未知的错误。）安装...原创 2019-12-30 10:55:28 · 699 阅读 · 0 评论 -
vue-cli+webpack构建vue项目
vue-cli+webpack构建vue项目第一步:安装环境安装vue-cli的前提是你已经安装了npm，安装npm你可以直接下载node的安装包进行安装。你可以在命令行工具里输入npm -v 检测你是否安装了npm和版本情况。出现版本号说明你已经安装了npm和node，我这里的npm版本为3.10.10。如果该命令不可以使用，需要安装node软件包，根据你的系统版本选择下载安装就可以了...原创 2019-12-30 10:14:17 · 830 阅读 · 1 评论 -
vue路由
vue路由**后端路由：**对于普通的网站，所有的超链接都是URL地址，所有的URL地址都对应服务器上对应的资源；**前端路由：**对于单页面应用程序来说，主要通过URL中的hash(#号)来实现不同页面之间的切换，同时，hash有一个特点：HTTP请求中不会包含hash相关的内容；所以，单页面程序中的页面跳转主要用hash实现；在单页面应用程序中，这种通过hash改变来切换页面的方式，称...原创 2019-12-30 09:29:01 · 135 阅读 · 0 评论 -
vue组件
vue组件什么是组件： 组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件即可；组件化和模块化的不同：模块化： 是从代码逻辑的角度进行划分的；方便代码分层开发，保证每个功能模块的职能单一；组件化： 是从UI界面的角度进行划分的；前端的组件化，方便UI组件的重用；全局组件定义的三种方式注意:无论...原创 2019-12-30 09:27:05 · 260 阅读 · 0 评论 -
vue动画
vue动画1.使用过度类名 实现过度动画<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <met...原创 2019-11-25 14:11:01 · 164 阅读 · 0 评论 -
webpack配置组件步骤
webpack配置组件步骤1.建立项目目录|----webpackText |----dist |----src |----img |----js |----css |----index.html |----main.js2.初始化项目npm init3.安装项目的webpack@4.41.2和webpack-cli@3.3.1.npm install web...原创 2019-11-18 22:19:54 · 354 阅读 · 0 评论 -
webpack安装教程
webpack安装教程webpack4.0后的安装教程1.在安装webpack前，你必须为本机安装 node.js1.1下载安装好后1.2打开命令行执行命令 node -v // 查看node的版本 npm -v //查看npm的版本都正常显示版本号，那就安转成功了可以进行webpack的安装了。2.打开命令行（win+R 输入cmd）webpac...原创 2019-11-11 18:28:20 · 691 阅读 · 0 评论 -
vue-resource 实现 get, post
vue-resource 实现 get, post1.除了 vue-resource 之外，还可以使用 axios 的第三方包实现实现数据的请求vue-resource下载地址https://github.com/pagekit/vue-resourcenpmnpm install vue-resource cdn<script src="https://cdn.jsdel...原创 2019-11-08 09:55:19 · 146 阅读 · 0 评论 -
vue实例的生命周期
vue实例的生命周期什么是生命周期：从Vue实例创建、运行、到销毁期间，总是伴随着各种各样的事件，这些事件，统称为生命周期！生命周期钩子：就是生命周期事件的别名而已；生命周期钩子 = 生命周期函数 = 生命周期事件主要的生命周期函数分类：创建期间的生命周期函数：beforeCreate：实例刚在内存中被创建出来，此时，还没有初始化好 data 和 methods...原创 2019-11-08 09:51:35 · 196 阅读 · 0 评论 -
vue过滤器及键盘修饰符
vue过滤器及键盘修饰符过滤器:要想使用vue的过滤器,必须先创建一个vue实例,才可以使用过滤器;全局过滤器<body> <div id="app"> <p>{{ msg | msgFormat("123") }}</p><!--调用过滤器时带括号可以传入数据--><!--调用过滤器的时候不要忘...原创 2019-10-26 15:09:07 · 285 阅读 · 0 评论 -
Vue指令
指令vue实例简单介绍<script> // 创建 Vue 实例，得到 ViewModel var vm = new Vue({ el: '#app', //el表示要控制的元素区域 data: { //data表示要绑定的数据 flag: true }, meth...原创 2019-10-26 15:08:02 · 235 阅读 · 0 评论 -
MVC和MVVM的区别
MVC和MVVM的区别1.在看mvc和mvvm的区别之前我们来看一下前端的发展历史在上个世纪的1989年，欧洲核子研究中心的物理学家Tim Berners-Lee发明了超文本标记语言（HyperText Markup Language），简称HTML，并在1993年成为互联网草案。从此，互联网开始迅速商业化，诞生了一大批商业网站。最早的HTML页面是完全静态的网页，它们是预先编写好的存放在...原创 2019-10-22 15:06:58 · 148 阅读 · 1 评论 -
vue简介
vue简介Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件 。V...原创 2019-10-22 15:02:40 · 750 阅读 · 0 评论