小脆筒style的博客

node.js安装详细步骤

目录GitHub基本使用1. 创建项目2. 点击 pinyougou 项目，鼠标右击，选择 `Git Bash Here`3. 先复制 Https 地址，然后在Git中输入命令：`git clone "（url）地址"`4. 然后在pingyougou 项目中可以看到多出一个文件夹5. 进入刚刚生成的新文件目录，命令： `cd pinyougou`6. 查看当前文件夹 `git status`7. 添加文件 `git add .`8. 提交信息 `git commit -m "pinyougou"`9.

目录vue-router 的常见用法1. 路由重定向2. 嵌套路由3. 1 声明子路由链接和子路由占位符3.2 通过 children 属性声明子路由规则4. 动态路由4.1 概念4.2 $route.params 参数对象4.3 使用 props 接收路由参数4.4 案例5. 声明式导航 & 编程式导航5.1 vue-router 中的编程式导航 APIvue-router 的常见用法1. 路由重定向路由重定向指的是：用户在访问地址 A 的时候，强制用户跳转到地址 C ，从而展示特定的组

目录一、前端路由的概念与原理1. SPA 与前端路由2. 什么是前端路由3. 前端路由的工作方式4. 实现简易的前端路由二、vue-router 的基本用法1. 什么是 vue-router2. vue-router 安装和配置的步骤2.1 在项目安装 vue-router2.2 创建路由模块2.3 导入并挂载路由模块2.4 声明路由链接和占位符3. 声明路由的匹配规则一、前端路由的概念与原理路由（英文：router）就是对应关系1. SPA 与前端路由SPA 指的是一个web网站只有唯一的

vue基础思维导图

组件的生命周期1. 生命周期 & 生命周期函数生命周期（Life Cycle）是指一个组件从创建 -> 运行 -> 销毁的整个阶段，强调的是一个时间段。生命周期函数：是由 vue 框架提供的内置函数，会伴随着组件的生命周期，自动按次序执行。注意：生命周期强调的是时间段，生命周期函数强调的是时间点。2. 组件生命周期函数的分类3. 生命周期图示如果觉得本文写得不错顺手点个赞感谢老铁！...

vue 的指令一、 指令的概念指令（Directives）是 vue 为开发者提供的模板语法，用于辅助开发者渲染页面的基本结构。vue 中的指令按照不同的用途可以分为如下 6 大类：① 内容渲染指令 v-text {{ }} v-html② 属性绑定指令 v-bind => :③ 事件绑定指令 v-on => @④ 双向绑定指令 v-model⑤ 条件渲染指令 v-if v-show⑥ 列表渲染指令 v-for1.1 内容渲染指

vue 的调试工具1. 安装 vue-devtools 调试工具vue 官方提供的 vue-devtools 调试工具，能够方便开发者对 vue 项目进行调试与开发。Chrome 浏览器在线安装 vue-devtools ：https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpdFireFox 浏览器在线安装 vue-devtools ：https://addons.m

vue基本使用vue简介vue特性MVVMvue 的基本使用一、vue简介官方给出的概念：Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的前端框架二、vue特性数据驱动视图双向数据绑定1. 数据驱动视图：在使用了 vue 的页面中，vue 会监听数据的变化，从而自动重新渲染页面的结构。示意图如下：2. 双向数据绑定在填写表单时，双向数据绑定可以辅助开发者在不操作 DOM 的前提下，自动把用户填写的内容同步到数据源中。示意图如下：

Vue-cli 安装vue-cli 是 Vue.js 开发的标准工具。它简化了程序员基于 webpack 创建工程化的 Vue 项目的过程。vue-cli 是 npm 上的一个全局包，使用 npm install 命令，即可方便的把它安装到自己的电脑上：npm install -g @vue/cli建一个文件夹 day4, 输入cmd 命令后回车进入基于 vue-cli 快速生成工程化的 Vue 项目：vue create 项目的名称快捷键：【上下键盘选择，空格代表选中，两次

@webpack打包出现的错误：[webpack-cli] Unknown command运行 npm run dev 出现以下错误：解决方法1.查看[webpack-cli] 版本是否兼容npm webpack -v2. 运行npm install webpack-cli --save-dev3. 再运行一次： npm run dev成功啦！！！！如果觉得本文写得不错顺手点个赞感谢老铁！...