- 博客(14)
- 资源 (22)
- 收藏
- 关注
原创 热烈庆祝《Vue.js 实战教程 V2.x(一)基础篇》上线了!
热烈庆祝《Vue.js 实战教程 V2.x(一)基础篇》上线了!课程简介课程地址:https://edu.csdn.net/course/detail/25641机构名称:大华软件学院授课讲师:大强老师课程名称:Vue.js 实战教程 V2.x(一)基础篇课程简介:包括前端发展史、Vue.js简介、第一个Vue.js程序、安装环境和Vue、Vue实例、模板语法、计算属性...
2019-08-17 09:52:41 770
原创 Vue.js 实战教程 V2.x(13)事件处理
13组件基础13.1基本示例Vue 组件的示例:// 定义一个名为 button-counter 的新组件Vue.component('button-counter', {data: function () {return {count: 0}},template: '<button v-on:click="...
2019-08-09 13:38:08 401
原创 Vue.js 实战教程 V2.x(12)表单输入绑定
12表单输入绑定12.1基础用法你可以用v-model指令在表单<input>、<textarea>及<select>元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。文本<input v-model="message" placeholder="edit me"><p>Message...
2019-08-09 13:33:21 478
原创 Vue.js 实战教程 V2.x(11)事件处理
11事件处理11.1监听事件可以用v-on指令监听 DOM 事件,并在触发时运行一些 JavaScript 代码。示例:<div id="example-1"><button v-on:click="counter += 1">Add 1</button><p>The button above has been...
2019-08-09 13:28:09 386
原创 Vue.js 实战教程 V2.x(10)列表渲染
10列表渲染10.1用 v-for 把数组对应为元素<ul id="example-1"><li v-for="item in items">{{ item.message }}</li></ul>var example1 = new Vue({el: '#example-1',data...
2019-08-09 13:22:41 493
原创 Vue.js 实战教程 V2.x(9)条件渲染
9条件渲染9.1 v-ifv-if指令用于条件性地渲染一块内容。<h1 v-if="awesome">Vue is awesome!</h1>在 <template> 元素上使用 v-if 条件渲染分组<template v-if="ok"><h1>Title</h1><p>...
2019-08-09 13:14:29 489
原创 Vue.js 实战教程 V2.x(8)Class与Style绑定
8 Class与Style绑定操作元素的 class 列表和内联样式是数据绑定的一个常见需求。8.1绑定HTML Class对象语法我们可以传给v-bind:class一个对象,以动态地切换 class:<div v-bind:class="{ active: isActive }"></div>上面的语法表示active这个 class ...
2019-08-09 13:11:06 377
原创 Vue.js 实战教程 V2.x(7)计算属性和侦听器
7计算属性和侦听器7.1计算属性模板内的表达式非常便利,但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。所以,对于任何复杂逻辑,你都应当使用计算属性。基础例子<div id="example"><p>Original message: "{{ message }}"</p><p&g...
2019-08-09 13:02:38 458
原创 Vue.js 实战教程 V2.x(6)模板语法
Vue.js 使用了基于 HTML 的模板语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。6.1插值var obj = {msg: 'Hello Vue.js',rawHtml: '<span style="color: red">This should be red.</span>'}new Vue({el:...
2019-08-09 12:57:44 405
原创 Vue.js 实战教程 V2.x(5)Vue实例
5 Vue实例5.1创建一个 Vue 实例创建Vue 实例:var vm = new Vue({// ...})5.2数据与方法// 我们的数据对象var data = { a: 1 }// 该对象被加入到一个 Vue 实例中var vm = new Vue({data: data})// 获得这个实例上的属性// 返回源数据中...
2019-08-09 12:52:53 333
原创 Vue.js 实战教程 V2.x(4)安装环境和Vue
4安装4.1 Vue Devtools在使用 Vue 时,我们推荐在你的浏览器上安装Vue Devtools。4.2直接引入直接下载并用<script>标签引入,Vue会被注册为一个全局变量。4.3 NPM在用 Vue 构建大型应用时推荐使用 NPM 安装。# 最新稳定版$ npm install vue4.4命令行工具Vue 提供了...
2019-08-09 12:48:21 238
原创 Vue.js 实战教程 V2.x(3)第一个Vue.js程序
假设你已了解关于 HTML、CSS 和 JavaScript 的知识。3.1起步创建一个 .html 文件,然后通过如下方式引入 Vue:<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>3.2声明式渲染Vue.js核心:<div id="app">...
2019-08-09 12:39:08 823
原创 Vue.js 实战教程 V2.x(2)Vue.js简介
2.1 Vue.js概述Vue (读音 /vjuː/,类似于view) 是一套用于构建用户界面的渐进式框架。Vue.js官网的截图(2019年7月)易用会HTML、CSS、JavaScript就可以构建应用。灵活可以在一个库和一套完整框架之间自如伸缩。 高效20kB运行大小,超快虚拟 DOM,最省心的优化2.2与React对比Re...
2019-08-09 12:33:29 532
原创 Vue.js 实战教程 V2.x(1)前端发展史
1.1 Web 1.0时代1989年,英国科学家蒂姆·伯纳斯-李在欧洲核子研究中心工作时发明了万维网(WWW)。第一个网站的截图(图片来源:CERN)1990年,HTML(Hyper Text Markup Language)1.0发布。 1993年,CGI(Common Gateway Interface)诞生。 1994年,HTML 2.0发布。 1994年...
2019-08-09 12:29:56 250
jhipster-book-pdf-screen-v7.0.2-1686129670176
2023-07-16
GeoServer跨域问题.zip
2021-10-21
mirrors-dbproxy-master.zip
2020-12-27
TDengine-server-2.0.9.0-Linux-x64.tar.gz
2020-12-10
TDengine-server-2.0.9.0-Linux-x64.rpm
2020-12-10
specialroutes-service.zip
2020-05-05
Java教程.zip
2020-03-12
Linux从入门到精通.zip
2020-03-12
Spring Boot 2.X 实战教程.pdf
2019-07-30
JHipster-minibook-aprilv-1556109659909.pdf
2019-06-19
Angular实战教程V1.0
2019-03-23
DH-UAP平台简介V1.0
2019-01-10
软件开发合同模板范本(5 篇)
2018-08-23
H2 Java SQL数据库
2018-07-17
Spring简介
2018-07-17
Activiti6用户指南
2018-07-16
Activiti6快速入门指南
2018-07-16
35岁以上的大龄程序员都干啥去了?
2024-09-22
TA创建的收藏夹 TA关注的收藏夹
TA关注的人