• wordpress CMS主题:ssmay主题wordpress CMS主题:ssmay主题
    • 文章浏览:12518
    • 个人网站:
    • 加入时间:2018-07-14 06:49:56
    • 最近登录:2018-09-25 10:11:03

    最新文章

  • 又到“栗子季”!别吃油亮的开口栗子
  • 为什么很多医生随身带着糖?这个习惯关键时刻能救命!
  • 与姚明合影的明星:就马云让姚明弯腰
  • 国庆节,马云去国外加了个班,还一不小心刷屏了推特
  • 美军舰南海遭中国战舰逼迫转向,照片曝光:几乎首尾相接
  • 美国驱逐舰逼近我南海岛礁,我驱逐舰41米近距离逼对方紧急转舵
  • 华为5G设备在欧盟得到认可,欧盟成为华为最得力的合作伙伴!
  • 毛主席曾五次给美国政府下命令,真是霸气!
  • 简单了解C 语言指针右左法则
  • vue开发教程13:组件创建及组的生命周期函数
  • vue开发教程13:组件创建及组的生命周期函数

    前面我们介绍过根组件App.vue,本章我们要介绍非根组件。我们项目的代码编写一般就是在这些非根组件中进行的。接下来我们就来介绍如何创建这类组件,以及组件的生命周期函数。 一:创建组件。 1:在src目录下创建一个components组件目录。 2:再在components组件目录......
    标签:
    2376

    vue开发教程12:结合localstorage本地存储仿todolist功能

    ToDoList网站地址:http://www.todolist.cn/,打开可以直接看效果(如下图)。todolist网站不需要注册就可以使用,我们可以用它来制作简单的待办事项的列表应用,我们输入的数据会存储在我们自己的浏览器的html5本地数据库里。本章,我们就是要通过vue框架来仿制一个简单的......
    1860

    vue开发教程11:获取DOM节点数据和设置DOM节点数据

    在HTML5中,我们可以通过JS来获取和设置表单或DOM节点的数据,如:document.getElementsByTagName('div')[0].innerText="设置数据",设置第一个div的值。在vue框架中,同样,可以获取和设置DOM元素的数据。 1:获取和设置input表单数......
    标签:
    2011

    vue开发教程10:v-on绑定事件指令 和 v-model双向数据绑定指令

    vue框架是一个MVVM框架,也就是视图改变会影响模型,模型发生改变会影响视图,也就是双向数据互为影响,一变皆变。本章,我们将介绍vue框架的一个非常得要的指定——双向数据绑定指令 v-model,以及事件绑定指令v-on。 1:v-on事件绑定指令。 学过jquery的都知道,jque......
    标签:
    1880

    vue开发教程09:v-pre、v-cloak、v-once指令

    前面我们介绍了几种常用的几个vue指令:v-if、v-else、v-show、v-bind、v-text、v-html等指令。本章我们再来介绍几个指令:v-pre指令、v-cloak指令、v-once指令。 1:v-pre指令。 该指令不会解析vue语法,在模板中跳过vue的编译,而是直......
    标签:
    1140

    vue开发教程08:v-for指令——循环渲染列表数据

    在vue项目开发过程中,如果一个数据是一个数组,我们要想让这个数组内的所有元素都能在前台页面中展示出来,我们就必须循环这个数组。vue就提供了这样一个循环指令——v-for指令,通过v-for指令,我们要以将一个数据数组循环输出。下面,一起来看看这个v-for指令的用法。 案例数组: dat......
    标签:
    1780

    vue开发教程07:vue指令v-if、v-else、v-show

    在vue开发过过程中,有时需要对情况进行一些判断,如果达到要求就显示,达不到就不显示。这时,我们就会用到vue指令中的判断指令:v-if、v-else、v-show这几个指令。下面就一起来看看这几个判断指令吧。 1:v-if指令。 v-if指令,是根据判断来是否执行。如下: <d......
    标签:
    1100

    vue开发教程06:绑定文本指令v-text和绑定HTML指令v-html

    本章再来介绍2个数据绑定指令:文本绑定指令v-text和html数据绑定指令v-html。它们都是文本绑定指令,不同之处是:v-text会把文本中的html标签输出而不解析,而v-html可以解析html标签。 1:v-text文本指令。 其实,v-text文本指令实现的效果跟上一章中介......
    标签:
    1500

    vue开发教程05:数据绑定及绑定属性指令v-bind

    学习vue框架时,我们会接触到一些新名词,如:数据绑定、指令、路由等等,这些都是vue框架的核心内容。从本章开始,我们将慢慢接触到它们。今天,我们主要介绍数据绑定和v-bind绑定属性指令。 一:数据绑定。 vue的数据绑定包括很多种:文本绑定、html数据绑定、属性绑定、事件绑定等等。......
    标签:
    1330

    vue开发教程04:根组件App.vue简介

    从vue项目的目录结构介绍中,我们了解到src目录是项目的核心文件目录,是我们开发vue项目所必须掌握的。所以,在后面的章节中,我们都是针对src目录来做介绍,如:组件、路由、数据绑定、请求数据、数据存储等等。本章,我们对App.vue根组件做一个简单介绍。 一般情况下,一个组件文件由3部分组......
    标签:
    1650

    vue开发教程03:项目目录结构介绍

    前一章节中我们通过vue创建了一个新的项目,本章我们来对这个新项目的目录结构做一个简单的介绍。如果创建的是webpack项目,它包含有:build、config、node-modules、src、static几个目录,如果创建的是webpack-simple项目,它只包含有:src、node-mod......
    标签:
    1450