2020年06月_stalin_

11月 10月 09月 08月 07月 06月 05月

原创 VUE学习05--VUE流程控制语句（ if / else if / v-show 条件判断 , for 循环 , for + if 使用）

对于每一门语言，流程控制语句都十分的重要，有了它们我们才能实现更加复杂的需求，实现更加强大的功能。在VUE中对应也有一些特有的标签。下面我们来了解一下~一、条件判断标签：v-if --对应ifv-else --对应elsev-else-if --对应else ifv-show --...

2020-06-17 19:46:39 1625

原创 VUE学习04--VUE字符串过滤器的使用

由于后端对字符串的处理特别多，在学习前端时又发现了VUE有一个过滤器的功能，我们可以通过自定义过滤器来对字符串进行处理。下面我们来学习一下字符串过滤器的使用。首先我们来说一下用法：正常显示一个数据我们会这样 {{message}}在使用过滤器就像linux中命令的管道符一样，用 | 进行过滤。{{message | filters1 | filters2 | .....}}然后filters定义在<scripts>标签内，与data，method等内容平级。下面请看代码示例。.

2020-06-12 10:48:28 2422

原创 VUE学习03--VUE数据绑定（绑定数据，绑定属性，绑定样式，双向数据绑定）

今天我们一起来学一学 VUE的绑定。一、数据绑定首先可以先把数据定义在Vue页面中的<script>标签内，然后在<template>标签中通过{{变量名去取}}。另一种方法：<div v-text="变量名"></div>如果变量是对象，可以{{对象.属性}}去取。如果变量是集合，可以通过 v-for 遍历去取。请看下面实例（我们在新建项目中的App.vue）：<template> <div id="app

2020-06-12 09:58:40 751

原创 VUE学习02--VUE项目各级目录及文件作用介绍

我们创建完成vue项目，会发现有很多目录及文件，我给大家简单介绍一下各个目录的作用。build -- 主要是一些webpack 项目打包的配置文件config -- 项目运行时的一些配置，如项目端口号等。node_module -- 项目依赖，由命令npm install生成index.html -- 入口文件package.json -- 项目的配置文件创建项目填写的一些选项都写到这里了。 webpack.config.js -- webpack的配置文件，webpack打包的工具.

2020-06-09 17:16:19 968

原创 VUE学习01--如何使用VSCode搭建一个可以运行的VUE项目

初学前端，将自己学习路上的一点经验总结一下，供大家参考，欢迎大家多提建议~共同进步~首先大概介绍一下VUE框架。VUE是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。由于VUE框架具有简单、灵活、高效的特点，目前在国内的中小企业中使用广泛。下面我们来说一下如何使用VSC

2020-06-01 19:12:14 1285