Vue声明式渲染详解
作者:街角小七 发布时间:2024-04-30 10:22:25
标签:Vue,渲染
Vue.js 的核心是一个允许采用简洁的模板语法来声明式的将数据渲染进 DOM,也就是将模板中的文本数据写进DOM中,使用 {{data}} 的格式写入。此代码都是Vue.js官网上的实例。
1、首先导入Vue.js
<script type="text/javascript" src="vue.js"></script>
2、html和js代码
<body>
<div id="id"> //id为实例中el的属性
{{message}}
</div>
</body>
<script>
var vm = new Vue({
el:"#id",
data:{
message:'渲染到html中的数据!'
}
})
</script>
3、渲染结构:
下面看看将文本数据单向绑定到DOM元素属性上,将这个元素节点的title 属性和 Vue 实例的 message 属性保持一致,代码如下
<body>
<div id="id">
<span v-bind:title="message"> <!--绑定实例中的数据-->
<!-- <span :title="message"> 简写-->
鼠标悬停几秒钟查看此处动态绑定的提示信息!
</span>
</div>
</body>
<script>
var vm = new Vue({
el:"#id",
data:{
message:'页面加载的时间'+new Date()
}
})
</script>
渲染结构:
来源:http://www.cnblogs.com/dyfbk/p/6861103.html?utm_source=tuicool&utm_medium=referral


猜你喜欢
- 目录step1 搭建框架step2 填充搭建好了的Promise框架总结step1 搭建框架1. 首先我们需要在这里放置一个promise函
- 这篇文章主要是把ASP代码变成组件,开发者不仅是加快了ASP的速度,而且也能保护加密自己的代码,编译asp代码为dll组件我想这个是最好的保
- 运行时请在其目录下添加user.txt passwd.txt两文件。否则会报错。程序没有加异常处理。代码比较挫.....#coding:ut
- https://discuss.pytorch.org/t/how-to-modify-the-final-fc-layer-based-o
- 有时候我们在前端开发工作中为了获取图片的信息,需要在图片加载完成后才可以正确的获取到图片的大小尺寸,并且执行相应的回调函数使图片产生某种显示
- HTML代码:在一个div容器内,设置3个span<body><div id="i1"> &nb
- 方法1:SET GLOBAL general_log = 'OFF';RENAME TABLE mysql.general_
- 如下所示:import numpy as npimport pandas as pdfrom pandas import Sereis, D
- SQL Server的作业调度来建立自动备份的方法◆1、进入企业管理器中->管理->sql server代理->作业;◆2
- 有些人说py中有两个函数可以实现对所有函数的了解以及使用,其中之一,就是我们今天要讲解的help函数。有些小伙伴可能比较陌生,但是另一个函数
- 在网站建设中,分类算法的应用非常的普遍。在设计一个电子商店时,要涉及到商品分类;在设计发布系统时,要涉及到栏目或者频道分类;在设计软件下载这
- ipython简介ipython他是一个非常流行的python解释器,相比于原生的python解释器,有太多优点和长处,因此几乎是pytho
- pip的安装,以及使用pip安装包的方法,记录如下,分享给大家:—–安装python的时候勾选了下载pip,不知道为什么没下载。然后就偷懒想
- python的新式类是2.2版本引进来的,我们可以将之前的类叫做经典类或者旧式类。为什么要在2.2中引进new style class呢?官
- 1.官网下载Pycharm community版如pycharm-community-2017.3.1.tar.gz。2. #解压tar.g
- Mysql存储过程1.创建存储过程语法(格式)DELIMITER $CREATE PROCEDURE 存储过程名A(IN 传入参数名a IN
- asp如何将RGB颜色转化成到16进制的?在R G B中输入小于255的数字点击观看即可转换成#开通的16进制。代码如下:<%R_RG
- 问题:MySQL某个表自增id溢出导致某业务block背景: tokudb引擎的一个大表tb1,存放业务
- 今天简单的学了一下js运动动画,记录一下自己的心得体会,分享给大家。 下面是我整
- 最近在用Pycharm学习Python的时候,总有两个地方感觉不是很舒服,比如调用方法的时候区分大小写(thread就不会出现Thread,