Vue
Vue 基本使用
白菜执笔人
这个作者很懒,什么都没留下…
展开
-
vue-Cli 简单介绍
项目前导 学习笔记一、vue-cli1.1、介绍 vue-cli 是和 vue 进行深度组合的工具,可以快速帮我们创建 vue 项目,并且把一些脚手架相关的代码给我们创建好。一般使用 vue 开发项目,都是用 vue-cli 来创建项目的。1.2、安装 Vue CLI 需要 ...原创 2020-04-01 22:16:47 · 671 阅读 · 0 评论 -
Node 环境配置
项目前导 学习笔记一、nvm nvm(Node Version Manager) 是一个用来管理 node 版本的工具。我们之所以需要使用 node,是因为我们需要使用 node 中的 npm(Node Package Manager),使用 npm 的目的是为了能够方便的管理一些 前端开发的包 !nvm 的安装非常简单。步骤如下:...原创 2020-03-29 16:53:36 · 180 阅读 · 0 评论 -
vue-router 其他
项目前导 学习笔记一、匹配 404 错误 在网原创 2020-03-29 15:35:37 · 139 阅读 · 0 评论 -
vue-router 基础
项目前导 学习笔记一、路由基本 在网页中,经常需要发生页面更新或者跳转。这时候我们就可以使用 Vue-Router 来帮我们实现。Vue-Router 是用来做路由的,也就是定义 url 规则与具体的 View 映射的关系。可以在一个单页面中实现数据的更新。1.1、安装使用CDN:加载最新版的:<script sr...原创 2020-03-26 16:10:56 · 168 阅读 · 0 评论 -
Vue 案例练习
项目前导 学习笔记一、图书管理系统(当然是假的,没有与数据库进行交互) 给大家介绍一个 web 页面样式的网站,直接复制它的代码可以更方便的开发。 Bootstrap 官网:https://www.bootcss.com/ 该...原创 2020-03-26 14:30:50 · 1346 阅读 · 1 评论 -
Vue 过滤器
项目前导 学习笔记一、过滤器 过滤器就是数据在真正渲染到页面中的时候,可以使用这个过滤器进行一些处理,把最终处理的结果渲染到网页中。1.1、过滤器使用 过滤器可以用在两个地方:双花括号插值 和 v-bind表达式 (后者从2.1.0+开始支持)。过滤器应该被添加在 JavaS...原创 2020-03-26 10:06:07 · 90 阅读 · 0 评论 -
Vue 生命周期函数
项目前导 学习笔记一、生命周期函数 生命周期函数代表的是 Vue 实例,或者是 Vue 组件,在网页中各个生命阶段所执行的函数。生命周期函数可以分为 创建阶段 、运行期间 以及 销毁期间。其中:创建期间的函数有:beforeCreate、created、beforeMount、mounted;运行期间的函数有:beforeU...原创 2020-03-25 23:20:26 · 173 阅读 · 0 评论 -
Vue 自定义组件
项目前导 学习笔记一、自定义组件 有时候有一组 html 结构的代码,且其可能还绑定了事件。然后这段代码可能有多个地方都被使用到了,如果都是拷贝来拷贝去,很多代码都是重复的,包括事件部分的代码都是重复的。那么这时候我们就可以把这些代码封装成一个组件,以后在使用的时候就和使用普通的 html 标签 一样,直接拿过来用就可以了(且不相互影响...原创 2020-03-25 20:35:00 · 229 阅读 · 0 评论 -
Vue 表单输入绑定
项目前导 学习笔记一、表单输入绑定 v-model 指定可以实现表单值与属性的双向绑定。即表单元素中更改了值会自动的更新属性中的值,属性中的值更新了会自动更新表单中的值。1.1、绑定的属性和事件 v-model 在内部为不同的输入元素使用不同的属性并抛出不同的事件。tex...原创 2020-03-22 22:35:04 · 330 阅读 · 0 评论 -
vue 计算属性和监听器
项目前导 学习笔记一、计算属性和监听器 一般情况下属性都是放到 data 中的,但是有些属性可能是需要经过一些逻辑计算后才能得出来,那么我们可以把这类属性变成计算属性。比如以下: <div id="app"> <label for="length">长:</label> <...原创 2020-03-22 21:35:25 · 100 阅读 · 0 评论 -
Vue 视图与事件
项目前导 学习笔记一、视图更新1.1、触发视图更新 Vue 对一些方法进行了包装和变异,以后数组通过这些方法进行数组更新,会触发视图的更新。(就是在页面看到数据的变化)直接赋值<!DOCTYPE html><html lang="en"><head> <meta char...原创 2020-03-21 22:11:13 · 351 阅读 · 0 评论 -
Vue 条件判断与循环
项目前导 学习笔记一、条件判断1.1、简单判断 在模板中,可以根据条件进行渲染。条件用到的是 v-if、v-else-if 、v-else 来组合实现的。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"...原创 2020-03-21 12:24:59 · 2117 阅读 · 0 评论 -
Vue 模板语法
项目前导 学习笔记一、原创 2020-03-20 21:48:25 · 106 阅读 · 0 评论 -
Vue 介绍
项目前导 学习笔记一、如果是使用 VSCode 的话可以安装一些插件 后开发 Vue 项目,使用 .vue 的单文件开发,就需要一些插件来帮我们识别 .vue 文件。插件安装在 Extension 中,点开即可看到一个搜索按钮,可以输入关键字搜索自己想要的插件。推荐的几个插件:jshint :js 代码规范检查。Beau...原创 2020-03-17 16:24:29 · 435 阅读 · 1 评论