![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 71
su的前端之路
这个作者很懒,什么都没留下…
展开
-
使用vue-cli搭建webpack模板项目
使用vue-cli搭建webpack模板项目第一步:nodejs下载、安装以及环境配置1.登录nodejs 官网:https://nodejs.org/en/ ,建议下载推荐版本(红色箭头所指)。2.安装nodejs下载下来的msi包一直点击下一步即可。3.环境配置新版本都会自动配置环境变量,如果输入node找不到,则可能是环境变量没有配置,需要把node的安装路...原创 2017-08-19 15:05:00 · 1120 阅读 · 0 评论 -
vue-router 60分钟快速入门
vue-router 60分钟快速入门转载 2017-08-21 11:38:15 · 394 阅读 · 0 评论 -
vue-cli工程下组件之间的通信
vue组件之间的通信包括三种:1.父组件向子组件通信2.子组件向父组件通信3.同级组件之间的通信首先,看一下vue-cli工程的部分目录:说明一下:App.vue是父组件,ZiZuJianOne.vue和ZiZuJianTwo.vue是子组件,两个子组件是在父组件App.vue里注册的。①父组件App.vue如何向子组件ZiZuJianOne.vue通信的父组...原创 2017-08-21 10:07:51 · 8257 阅读 · 0 评论 -
sublime编辑器安装插件的方法
以安装插件 vue-syntax-highlight(作用:让vue后缀名的文件在sublime中显示高亮 )为例1.在github上搜索 vue-syntax-highlight点击 “Clone or download”下载该插件zip压缩包2.打开sublime的安装目录,进入 Data文件夹 —>Packages文件夹—>把刚才下载的压缩包解压到该目录...原创 2017-11-22 12:05:43 · 255 阅读 · 0 评论 -
在vue中封装可复用的组件
本次封装的组件以toast组件为例以前使用移动端ui插件时,通过一句代码比如 $.toast( ‘ 需要显示的内容 ’ ),从而在页面上展示这段文字,并在一定时间后消失。现在我们也尝试自己封装toast组件。准备工作:vue-cli脚手架工程先看一下涉及到的文件目录截图:这次的封装主要涉及的文件是Toast.vue toast.jsHello.vu...原创 2017-08-24 10:17:25 · 43269 阅读 · 4 评论 -
vue页面跳转
一、在template中的常见写法:<router-link to="/miniCard/statement/horizon"> <button class="btn btn-default">点击跳转</button></router-link>二、在js中设置跳转(在方法中跳转界面并传参,两种方式:params 与 quer...转载 2018-02-24 15:27:03 · 2457 阅读 · 0 评论 -
快速掌握vuex
vuex是一个专门为vue.js设计的集中式状态管理架构。什么是状态?可以把它理解为data中的属性需要共享给其他vue组件使用的部分,就叫做状态。简单的说就是data中需要共用的属性。vuex共有5个核心概念:state 、getters 、mutations 、actions 、modules先看一下vue-cli工程目录前提准备:①安装vue-cli + webpack ...原创 2017-08-22 16:54:43 · 545 阅读 · 0 评论 -
vue全家桶--自我介绍app
技术栈: vue2.0、vue-router、vuex、axios、sass在线预览二维码:https://suhuixiao.github.io/introduceApp-Preview/#/ 源码:https://github.com/suhuixiao/vue-introduceApp...原创 2019-07-04 23:31:39 · 634 阅读 · 0 评论