- 博客(10)
- 收藏
- 关注
RSS订阅
原创 VUE 课程目录介绍
本课程全面系统讲解VUE各个知识要点，带领大家从零开始学习vue,希望通过此课程能够使初学者门能够快速的上手vuejs,同时也可作为平时工作中作为辅助的参考资料。课程目录1.VUE环境搭建2.VUE数据绑定和渲染3.VUE事件处理4.组件创建和使用5.组件生命周期6.VUE请求后端数据7.父子组件相互传递8.非父子组件相互传递9.VUE路由10.Vuex的使用...
2019-08-08 18:19:56
809
原创 第四章 VUE组件创建和使用（2）
在上节中，我们已经学会了简单vue组件的创建和使用，这里我们继续进行深入的学习vue组件的其他用法：父子组件相互传值的问题。在实际开发项目中，我们引用的组件一般都会遇到动态改变功能模块里面的内容，比如网站的栏目，栏目我们可以做成功能的组件，但是我们在点击每个栏目的时候，在进入栏目的页面中，当前选中的栏目状态和其他栏目的样式不一样，如类似这样的效果所以我们在引用组件的时候，更多我们需要改变组件...
2019-08-10 10:13:03
133
1
原创 第四章 VUE组件创建和使用（1）
在以前前端开发中，如果不使用动态语言，在很多html代码中，我们想需要复用相关的公用模块的时候，我们都会在每个html中复制进行的，如一般的网站页眉，头部和底部模块都是相同的。现在我们使用vue的时候，我们只需要将这些公共的模块放到一个组件里，在其它地方引用即可，这就是组件的可复用性，同时也说明了VUE和以前的前端开发方式有明显的不同之处。我们先看下组件的创建和引用过程：一般在创建简单的VU...
2019-08-10 09:54:45
147
原创 第三章 VUE事件处理（2）
<template> <div class="hello"> <input type="text" v-model="msg" ref="itest" /> <hr /> <input type="button" value="获取消息" v-on:click="getMsg()" /> &l...
2019-08-09 15:01:22
93
原创 第三章 VUE事件处理（1）
为什么在 HTML 中监听事件? 这里我引用了vue官方说描述的：你可能注意到这种事件监听的方式违背了关注点分离 (separation of concern) 这个长期以来的优良传统。但不必担心，因为所有的 Vue.js 事件处理方法和表达式都严格绑定在当前视图的 ViewModel 上，它不会导致任何维护上的困难。实际上，使用 v-on 有几个好处：扫一眼 HTML 模板便能轻松定位在 J...
2019-08-09 14:01:49
141
原创 第二章 VUE数据绑定和渲染（3）
上一节中，我们学习了vue 真假和条件语句，这一节我们将学习循环v-for 语法结构在实际项目开发中，如果我们遇到列表展示的，一般我们会采用v-for 进行遍历，后端提供的数据格式一般是数组类型的。我们来看下DEMO，这里我提供了两个数组格式 list1 和 list2 。list1 就是普通的json对象的数组，list2是嵌套的数组格式。<template> <div...
2019-08-09 12:02:31
105
原创 第二章 VUE数据绑定和渲染（2）
上一节中，我们对简单的数据进行绑定。这一节中我们将学习vue 条件语句我们先看第一个简单的条件语法DEMO1, 这里判断 isRed 和 isBlue真假，来控制 a 标签是否显示 style样式 red,blue,如果 有一个条件为真，则class 就显示对应的样式。如 isRed为true, 样式styel red就会显示出来，同理isBlue为true,样式blue也会渲染出来，反之，则样...
2019-08-09 11:18:46
102
原创 第二章 VUE数据绑定和渲染（1）
这节课主题是如何将数据动态绑定到html中并渲染出来。在一般情况下，前端展示的动态数据，都是从后端（如JAVA,C#,PHP等后端语言提供数据，一般都是json格式）获得数据后，进行解析并渲染到html中。这里，为了演示效果，我们只是模拟少量的不从后端读取固定数据，来进行测试vue数据绑定相关知识点。在VUE中，绑定数据一般常用的是使用模板语法来声明式地将数据渲染进 DOM 的系统。我们先看...
2019-08-09 10:32:42
331
原创 第一章 VUE环境搭建
本次环境在CentOS 7下搭建,在开发VUE之前，需要在CentOS下依次安装如下相关软件1.安装node.js2.安装webpack3.安装vue4.安装vue-cli（一）安装node.js在centos下安装node.js步骤如下，2019.08.08 官网 https://nodejs.org 最新版nodejs地址：https://nodejs.org/dist/v10.1...
2019-08-08 20:10:05
185
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人