01.vue的简单实例

前段框架vue.js非常热门，每个vue应用都是通过创建vue函数创建新的vue实例开始，首先我们来创建一个简单的vue实例

　　多手动写写代码，你会发现真的很烦躁

　　<!DOCTYPE html>

　　<html>

　　<head>

　　<title>vue的简单实例</title>
　　<script src="../js/vue.js" type="text/javascript" charset="utf-8"></script>
</head>

<body>

　　　　<ul>

　　　　　　</li>

　　　　</ul>

　　</div>

</body>

　　var vm = new vue({

　　　　el:"#app",

　　　　data:{

　　　　　　message: 'hello vue.js',

　　　　　　arr: ['我','爱','你']

　　　　}

　　})

</script>

vue使用{{}}来直接输出data中的数据，使用v-for可以循环数组

转载于:https://www.cnblogs.com/chf333/p/11120664.html

01.vue的简单实例相关推荐

vue 调用webservice_js跨域调用WebService的简单实例
步骤1. 在web.config中的system.web节点里加入步骤2.webservice代码 using System; using System.Collections.Generic; u ...
VB.net数据库编程（01）：简单的入门实例--连接到Access文件
先来一个简单的实例. VB.net 2012 SQl server 2012 Access文件:http://download.csdn.net/detail/dzweather/5042992 (两 ...
vb.net mysql 实例教程_VB.net数据库编程（01）：简单的入门实例
先来一个简单的实例. VB.net 2012 SQl server 2012 Access文件:http://download.csdn.net/detail/dzweather/5042992 (两 ...
用php做一个简单的汇率,vue实现简单实时汇率计算功能
最近在自己摸索vue的使用,因为相对于只是去看教程和实例,感觉不如自己动手写一个demo入门来的快.刚好看到小程序中有一个简单但是很精致的应用极简汇率,而且它的表现形式和vue的表现形式很像,于是想着 ...
java查询mysql装载bean_jsp与javabean链接mysql数据库并查询数据表的简单实例源码
jsp与javabean链接mysql数据库并查询数据表的简单实例源码.这个简单的实例是给新手学习的,或者一些高手临时忘记怎么使用jsp操作mysql数据库时候查找的,包括了建立mysql数据库连接的 ...
（三）AJAX基本介绍和简单实例03
(三)AJAX基本介绍和简单实例03-----Ajax与数据库的动态应用前台显示界面: 选择所有客户之后: 选择其中一个客户---杜森: Demo03.html代码 <html> < ...
转载 jsonrpc环境搭建和简单实例
jsonrpc环境搭建和简单实例一.环境准备下载需要的jar包和js文件,下载地址:https://yunpan.cn/cxvbm9DhK9tDq 访问密码 6a50 二.新建一个web工程,j ...
session 对象的简单实例
一个session对象的简单实例: 1.登录界面:使用简单的html表单提交界面. <%@ page language="java" contentType="te ...
vue.js 2.0 官方文档学习笔记 —— 01. vue 介绍
这是我的vue.js 2.0的学习笔记,采取了将官方文档中的代码集中到一个文件的形式.目的是保存下来,方便自己查阅. !官方文档:https://cn.vuejs.org/v2/guide/ 01. ...

01.vue的简单实例

01.vue的简单实例相关推荐

最新文章

热门文章