前端Vue
关注
分享
扫一扫
学习记录前端Vue的相关知识及内容！
象在舞
谁说大象不能跳舞！
展开
-
Vue插槽
本博客记录了小编在学习Vue过程中的体会与感悟，简单来说就是小编的学习笔记，学习地址主要为Vue的官网，官网地址为：《Vue官方文档》。相关学习笔记会记录在我的博客专栏《前端Vue》中，欢迎大家关注~一、插槽内容 Vue 实现了一套内容分发的 API，将 <slot> 元素作为承载分发内容的出口。它允许像这样合成组件：<navigatio...原创 2019-08-31 11:20:45 · 553 阅读 · 0 评论 -
Vue自定义事件
本博客记录了小编在学习Vue过程中的体会与感悟，简单来说就是小编的学习笔记，学习地址主要为Vue的官网，官网地址为：《Vue官方文档》。相关学习笔记会记录在我的博客专栏《前端Vue》中，欢迎大家关注~一、事件名 不同于组件和 prop，事件名不存在任何自动化的大小写转换。而是触发的事件名需要完全匹配监听这个事件所用的名称。举个例子，如果触发一个 camelCas...原创 2019-08-28 11:09:18 · 1014 阅读 · 0 评论 -
Vue Prop
本博客记录了小编在学习Vue过程中的体会与感悟，简单来说就是小编的学习笔记，学习地址主要为Vue的官网，官网地址为：《Vue官方文档》。相关学习笔记会记录在我的博客专栏《前端Vue》中，欢迎大家关注~一、Prop的大小写 HTML 中的特性名是大小写不敏感的，所以浏览器会把所有大写字符解释为小写字符。这意味着当使用 DOM 中的模板时，camelCase (驼峰...原创 2019-08-28 10:15:43 · 832 阅读 · 0 评论 -
Vue组件注册
本博客记录了小编在学习Vue过程中的体会与感悟，简单来说就是小编的学习笔记，学习地址主要为Vue的官网，官网地址为：《Vue官方文档》。相关学习笔记会记录在我的博客专栏《前端Vue》中，欢迎大家关注~一、组件名 定义组件名有两种方式，分别是：kebab-case和PascalCase。1、使用kebab-caseVue.component('my-co...原创 2019-08-27 22:49:03 · 480 阅读 · 0 评论 -
Vue组件基础
本博客记录了小编在学习Vue过程中的体会与感悟，简单来说就是小编的学习笔记，学习地址主要为Vue的官网，官网地址为：《Vue官方文档》。相关学习笔记会记录在我的博客专栏《前端Vue》中，欢迎大家关注~一、基本示例// 定义一个名为 button-counter 的新组件Vue.component('button-counter', { data: function ...原创 2019-08-27 13:53:21 · 378 阅读 · 0 评论 -
Vue表单输入绑定
本博客记录了小编在学习Vue过程中的体会与感悟，简单来说就是小编的学习笔记，学习地址主要为Vue的官网，官网地址为：《Vue官方文档》。相关学习笔记会记录在我的博客专栏《前端Vue》中，欢迎大家关注~一、基础用法 可以使用v-model指令在<input>、<textarea>、<select>元素上创建双向数据绑定。它会根据...原创 2019-08-27 09:14:57 · 402 阅读 · 0 评论 -
Vue事件处理
本博客记录了小编在学习Vue过程中的体会与感悟，简单来说就是小编的学习笔记，学习地址主要为Vue的官网，官网地址为：《Vue官方文档》。相关学习笔记会记录在我的博客专栏《前端Vue》中，欢迎大家关注~1、监听事件 可以用 v-on 指令监听 DOM 事件，并在触发时运行一些 JavaScript 代码。<div id="example-1">...原创 2019-07-11 21:27:17 · 253 阅读 · 0 评论 -
Vue列表渲染
本博客记录了小编在学习Vue过程中的体会与感悟，简单来说就是小编的学习笔记，学习地址主要为Vue的官网，官网地址为：《Vue官方文档》。相关学习笔记会记录在我的博客专栏《前端Vue》中，欢迎大家关注~1、用v-for将一个数组对应为一组元素 我们可以用 v-for 指令基于一个数组来渲染一个列表。v-for 指令需要使用 item in items 形式的特殊...原创 2019-07-02 14:02:29 · 256 阅读 · 0 评论 -
Vue条件渲染
本博客记录了小编在学习Vue过程中的体会与感悟，简单来说就是小编的学习笔记，学习地址主要为Vue的官网，官网地址为：《Vue官方文档》。相关学习笔记会记录在我的博客专栏《前端Vue》中，欢迎大家关注~1、v-if用于条件性的渲染一块内容，这块内容只会在指令的表达式返回truthy值的时候被渲染。<h1 v-if="awesome">I like Vue!&...原创 2019-06-14 09:29:09 · 1120 阅读 · 0 评论 -
Vue的class与style绑定
本博客记录了小编在学习Vue过程中的体会与感悟，简单来说就是小编的学习笔记，学习地址主要为Vue的官网，官网地址为：《Vue官方文档》。相关学习笔记会记录在我的博客专栏《前端Vue》中，欢迎大家关注~1、绑定HTML Class（1）对象语法 我们可以传给 v-bind:class 一个对象，以动态地切换 class：<div v-bind:c...原创 2019-06-13 20:43:51 · 294 阅读 · 0 评论 -
Vue计算属性和侦听器
本博客记录了小编在学习Vue过程中的体会与感悟，简单来说就是小编的学习笔记，学习地址主要为Vue的官网，官网地址为：《Vue官方文档》。相关学习笔记会记录在我的博客专栏《前端Vue》中，欢迎大家关注~1、计算属性（1）基础例子<div id="example"> <p>Original message: "{{ message }}"<...原创 2019-06-13 15:39:29 · 258 阅读 · 0 评论 -
Vue模板语法
本博客记录了小编在学习Vue过程中的体会与感悟，简单来说就是小编的学习笔记，学习地址主要为Vue的官网，官网地址为：《Vue官方文档》。相关学习笔记会记录在我的博客专栏《前端Vue》中，欢迎大家关注~1、插值（1）文本 数据绑定最常见的形式就是使用“Mustache”语法 (双大括号) 的文本插值：<span>Message: {{ ms...原创 2019-06-12 14:17:22 · 299 阅读 · 0 评论 -
Vue实例
本博客记录了小编在学习Vue过程中的体会与感悟，简单来说就是小编的学习笔记，学习地址主要为Vue的官网，官网地址为：《Vue官方文档》。相关学习笔记会记录在我的博客专栏《前端Vue》中，欢迎大家关注~1、数据与方法 当一个Vue被创建时，它将data对象中所有的属性加入到Vue的响应式系统中。当这些属性的值发生变化时，视图将会产生响应，即匹配为新的值。/...原创 2019-06-12 13:51:22 · 277 阅读 · 0 评论 -
Vue——前置课程
本博客记录了小编在学习Vue过程中的体会与感悟，简单来说就是小编的学习笔记，学习地址主要为Vue的官网，官网地址为：《Vue官方文档》。相关学习笔记会记录在我的博客专栏《前端Vue》中，欢迎大家关注~1、声明式渲染<div id="app"> {{ message }}</div>var app = new Vue({ el: '#...原创 2019-06-12 10:43:02 · 532 阅读 · 0 评论