摘要：组件可以访问Vue实例数据吗? 组件数据的存放 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <cpn></cpn>
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <cpn1></cpn1> <cpn2></cpn2> </div> <
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <cpn2></cpn2> <!--<cpn1></cpn1>--> <
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <cpn></cpn> <cpn></cpn> <cpn></cpn>
阅读全文
摘要：组件化开发概述 内容 认识组件化 注册组件 组件其他补充 组件数据存放 父子组件通信 父级向子级传递 子级向父级传递 插槽slot 什么是组件化？ Vue组件化思想 注册组件的基本步骤 注册组件步骤解析 <!DOCTYPE html> <html lang="en"> <head> <meta ch
阅读全文
摘要：1.表单绑定v-model <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <input type="text" v-m
阅读全文
摘要：条件判断 v-if、v-else-if、v-else <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <h2 v-if=
阅读全文
摘要：index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="style.css"> </head> <body>
阅读全文
摘要：v-for遍历数组 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <!--1.在遍历的过程中, 没有使用索引值(下标值
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <h2>{{counter}}</h2> <!--<h2 v-bind:
阅读全文
摘要：什么是计算属性？ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <h2>{{firstName + ' ' + las
阅读全文
摘要：v-bind介绍 前面我们学习的指令主要作用是将值插入到我们模板的内容当中。 但是，除了内容需要动态来决定外，某些属性我们也希望动态来绑定。 比如动态绑定a元素的href属性 比如动态绑定img元素的src属性 这个时候，我们可以使用v-bind指令： 作用：动态绑定属性 缩写： 预期：any (w
阅读全文
摘要：Mustache 如何将data中的文本数据，插入到HTML中呢？ 我们已经学习过了，可以通过Mustache语法(也就是双大括号)。 Mustache: 胡子/胡须. 我们可以像下面这样来使用，并且数据是响应式的 v-once 但是，在某些情况下，我们可能不希望界面随意的跟随改变 这个时候，我们就
阅读全文
摘要： 
阅读全文
摘要：你会发现，我们在创建Vue实例的时候，传入了一个对象options。 这个options中可以包含哪些选项呢？ 详细解析： https://cn.vuejs.org/v2/api/#%E9%80%89%E9%A1%B9-%E6%95%B0%E6%8D%AE 目前掌握这些选项： （1）el 类型：st
阅读全文
摘要：什么是MVVM呢？ 通常我们学习一个概念，最好的方式是去看维基百科(对，千万别看成了百度百科) https://zh.wikipedia.org/wiki/MVVM 维基百科的官方解释，我们这里不再赘述。 我们直接来看Vue的MVVM。 View层： 视图层 在我们前端开发中，通常就是DOM层，主要
阅读全文
摘要：Vue.js安装 使用一个框架，我们第一步要做什么呢？安装下载它 安装Vue的方式有很多： 方式一：直接CDN引入 你可以选择引入开发环境版本还是生产环境版本 <!-- 开发环境版本，包含了有帮助的命令行警告 --> <script src="https://cdn.jsdelivr.net/npm
阅读全文
浙公网安备 33010602011771号