vue学习笔记（五）——指令

【vue学习笔记（五）——指令】的更多相关文章

VUE 学习笔记一指令

1.声明式渲染 v-bind 特性被称为指令.指令带有前缀 v-,以表示它们是 Vue 提供的特殊特性 <div id='app'> <span v-bind:title="message"> 鼠标悬停几秒钟查看此处动态绑定的提示信息! </span> </div> var app=new Vue({ el:'#app', data:{ message: '页面加载于 ' + new Date().toLocaleString(), }…

Vue学习笔记(五)——配置开发环境及初建项目

前言在上一篇中,我们通过初步的认识,简单了解 Vue 生命周期的八个阶段,以及可以应用在之后的开发中,针对不同的阶段的钩子采取不同的操作,更好的实现我们的业务代码,处理更加复杂的业务逻辑. 而在这一篇中,我们将通过配置vue的开发环境以及搭建项目,进一步的学习vue在开发中的使用方式. 对于开发vue项目之前,我们需要进行vue环境配置,大致的将需要用到的工具进行归类总结如下:(可能还有其他的工具,或者配置方式,这里仅是个人开发中常用的工具) 运行环境 1.简单的说 Node.js 就是运行在…

vue学习笔记(五)条件渲染和列表渲染

前言在众多的编程语言中,我们的基础语法总是少不了一些专业语法,比如像定义变量,条件语句,for循环,数组,函数等等,vue.js这个优秀的前端框架中也有同样的语法,我们换一个名词,将条件语句改成专业词汇叫做条件渲染,循环语句改成专业词汇叫做列表渲染,这样比较舒服一点. 本章目标学会条件渲染的使用学会可复用的key的使用学会列表渲染的使用条件渲染 1.v-if的使用 <!DOCTYPE html> <html lang="en"> <head>…

Vue学习笔记五：事件修饰符

目录什么是事件修饰符没有事件修饰符的问题 HTML 运行使用事件修饰符 .stop阻止冒泡 .prevent 阻止默认事件 .capture 添加事件侦听器时使用事件捕获模式 .self 只当事件在该元素本身(比如不是子元素)触发时触发回调 .once 事件只触发一次 .stop和.self的区别什么是事件修饰符其实就是对事件的一些影响,如下 .stop 阻止冒泡 .prevent 阻止默认事件 .capture 添加事件侦听器时使用事件捕获模式 .self 只当事件在该元素本身(比如…

vue学习笔记(五)：对于vuex的理解 + 简单实例

优点:通过定义和隔离状态管理中的各种概念并强制遵守一定的规则,我们的代码将会变得更结构化且易维护.使用vuex来引入外部状态管理,将业务逻辑切分到组件外,可以避免重复的从服务端抓取数据. 详情请参考官网文档__链接规则: 1:应用层级的状态应该集中到单个 store 对象中. 2:提交 mutation 是更改状态的唯一方法,并且这个过程是同步的 3:异步逻辑都应该封装到 action 里面使用场景1:例如要实现在一个显示组件中提交表单,另一个组件的内容需要随之改变: 没有使用vuex前:…

Vue学习笔记-Vue.js-2.X 学习(五)===>脚手架Vue-CLI(PyCharm)

Vue项目在pycharm中配置退出运行: ctrl+c Vue学习笔记-Vue.js-2.X 学习(六)===>脚手架Vue-CLI(项目说明)…

Vue学习笔记-Vue.js-2.X 学习(一)===>基本知识学习

一使用环境: windows 7 64位操作系统二 IDE:VSCode/PyCharm 三 Vue.js官网: https://cn.vuejs.org/ 四下载安装引用方式1:直接CDN引入(学习时使用)  <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <!-- 生产环境版本,优…

vue学习笔记(九)vue-cli中的组件通信

前言在上一篇博客vue学习笔记(八)组件校验&通信中,我们学会了vue中组件的校验和父组件向子组件传递信息以及子组件通知父组件(父子组件通信),上一篇博客也提到那是对组件内容的刚刚开始,而本章博客将会重点的讲解vue-cli中的组件通信,毕竟这在以后的开发内容中是非常普遍使用的.那么一起来看看本篇博客需要学习的知识点吧! 本章目标学会使用vue-cli中父组件向子组件传递信息学会使用vue-cli中子组件向父组件传递信息学会使用vue-cli中非父子组件传递信息 vue-cli中的父组件…

Vue学习笔记十三：Vue+Bootstrap+vue-resource从接口获取数据库数据

目录前言 SpringBoot提供后端接口 Entity类 JPA操作接口配置文件数据库表自动映射,添加数据写提供数据的接口跨域问题前端修改效果图待续前言 Vue学习笔记九的列表案例和Vue学习笔记十二vue-resource这两章结合一下,不在使用假数据了,这次从后台接口获取json数据. Vue前端框架提供交互逻辑处理 Bootstrap前端css提供美化渲染 SpringBoot后端提供接口 MySQL数据库提供数据 SpringBoot提供后端接口由于前端第九章我都写…

vue学习笔记(三)class和style绑定

前言通过上一章的学习vue学习笔记(二)vue的生命周期和钩子函数,我们已经更近一步的知道了关于vue的一些知识,本篇博客将进一步探讨vue其它方面的内容,vue中关于class和style绑定,关于class和style我们并不陌生,这个在学习css的时候就是家常便饭了,操作元素的 class 列表和内联样式是数据绑定的一个常见需求.因为它们都是属性,所以我们可以用 v-bind 处理它们:只需要通过表达式计算出字符串结果即可.不过,字符串拼接麻烦且易错.因此,在将 v-bind 用于 cl…