vue.js 入门学习

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Vue.js 的入门</title>

<script type="text/javascript" src="./js/vue.js"></script>
<script type="text/javascript">
//单一入口
window.onload = function(){

  var app = new Vue({
   //el 属性用来绑定元素节点
   el:"#app",
   //data属性用来绑定数据
   data:{
    message:'Hello World'

}
});

  //建立vue对象
  var app2 = new Vue({
   // 绑定元素节点
   el:"#app2",
   data:{
    message:'页面加载于'+new Date().toLocaleString+ '你是不是傻'
   }
  });

}

</script>
</head>
<body>
<div id="app">

{{message}}
</div>

<div id="app2">

<span v-bind:title="message">
请让鼠标悬停几秒钟，来观看这个页面刷新的时间

</span>
<br/> <br/>
<a href="#" title=" 这是一个空链接"> 请鼠标悬停几秒</a>
</div>

</body>
</html>

vue.js 入门学习的更多相关文章

Vue.JS入门学习随笔
PS:先说说学习Vue的缘由吧,学习完了React之后,突然发现又出了一款叫做vue的框架,而且据说可以引领又一波新框架的潮流,我容易吗我!!! Vue.js(读音 /vjuː/, 类似于view ...
VUE.js入门学习（4）-动画特效
1.VUE中CSS动画原理(more是 v-enter 具体的根据 name的来决定) 动画是通过在某一时间段来添加样式决定的. 要通过 transition进行包裹. 2.在VUE中使用 anim ...
VUE.js入门学习（2）-基础精讲
1.VUE 实例 - 一个项目是有很多的vue实例拼装的.每一个组建就是vue的实例. var vm = new Vue() 2.VUE 实例生命周期钩子生命周期函数:VUE实例在某一个时间点会自动 ...
vue.js入门学习
可以用淘宝npm镜像然后安装然后初始化项目: Watch就是一个监听 v-if是如果为false就根本不在页面存在这个元素 v-show是通过display:none来控制这个元素的显示和隐藏 r ...
VUE.js入门学习（3）-深入理解VUE组建
1.使用组件的细节点 (1)is="模版名" (2)在子组建定义data的时候,data必须是一个函数,而不能是一个对象,每个子组建都有自己的数据存储.之间不会相互影响. (3)操 ...
VUE.js入门学习（1）-起步
1.hello world <div id="app">{{content}}</div>var app = new Vue({ el:'#app', da ...
VUE.js入门学习（5）- 插槽和作用域插槽
插槽: (1)用法以前的写法:如果内容很多的话,就很烂了- 插槽写法:(PS:组建名不能用保留关键字) (2)具名插槽 (3)作用域插槽必须template开始和结尾,这个插槽要声明我从子组建接收 ...
免费的 Vue.js 入门与进阶视频教程
这是我免费发布的高质量超清「Vue.js 入门与进阶视频教程」. 全网最好的.免费的 Vue.js 视频教程,课程基于 Vue.js 2.0,由浅入深,最后结合实际的项目进行了最棒的技术点讲解,此课程 ...
Vue.js 入门：从零开始做一个极简 To-Do 应用
Vue.js 入门:从零开始做一个极简 To-Do 应用写作时间:2019-12-10版本信息:Vue.js 2.6.10官网文档:https://cn.vuejs.org/ 前言学习 Vue ...

随机推荐

mybatis 动态sql 插入报错
1. 值为null必须制定jdbcType 单条执行的话,可以考虑把值为null的字段去掉 2. 值的类型无法解析比如oracle.sql.TIMESTAMP类型,需转为java.sql.TIMES ...
关于Oracle数据库故障诊断基础架构
本节包含有关Oracle数据库故障诊断基础结构的背景信息.它包含以下主题: 故障诊断基础架构概述关于事件和问题故障诊断基础设施组件自动诊断信息库的结构,内容和位置故障诊断基础架构概述故障诊断 ...
java知识点5
扩展篇云计算 IaaS.SaaS.PaaS.虚拟化技术.openstack.Serverlsess 搜索引擎 Solr.Lucene.Nutch.Elasticsearch 权限管理 Shiro 区 ...
手写代码 - java.lang.String/StringBuilder 相关
语言:Java 9-截取某个区间的string /** * Returns a string that is a substring of this string. The * substring b ...
Jquery的一些常见用法
谨以此文怀念我们大学的时光,Jquery3.4.0下载 https://code.jquery.com/jquery-3.4.0.min.js ⒈常用方法 $("#div1").h ...
python中的正则表达式--re模块
参考博客:https://www.cnblogs.com/tina-python/p/5508402.html 这里说一下python的re模块即正则表达式模块,先列出其中涉及到的各种字符和模式等: ...
3. SpringBoot ——自动配置原理浅析
SpringBoot的功能之所以强大,离不开它的自动配置这一大特色.但估计很多人只是知其然而不知其所以然.下面本人对自动配置原理做一个分析: 在使用SpringBoot时我们通过引入不同的Starte ...
V4L2开发要点【转】
转自:https://blog.csdn.net/mr_raptor/article/details/7441141 首先来看 Read/Write ,如果 VIDIOC_QUERYCAP 调用返回的 ...
NodeJS基础教程
关于本书致力于教会你如何用Node.js来开发应用,过程中会传授你所有所需的“高级”JavaScript知识.本书绝不是一本“Hello World”的教程. 状态你正在阅读的已经是本书的最终版. ...
修改主机IP地址
IP:由192.168.1.1~192.168.1.254. 先使用电脑以动态IP的方式自动获取ip地址联网,然后通过以下方法查询子网掩码和默认网关地址:

vue.js 入门学习

vue.js 入门学习的更多相关文章

随机推荐

热门专题