初识Vue

最新推荐文章于 2024-11-01 14:29:13 发布

言人冰

最新推荐文章于 2024-11-01 14:29:13 发布

阅读量188

点赞数

分类专栏： Vue

本文链接：https://blog.csdn.net/YRB20/article/details/122845011

版权

Vue.js 数据绑定实例化 HTML容器 JavaScript

关键词由CSDN通过智能技术生成

Vue 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

初识Vue

在这里插入图片描述

引入Vue

<script type="text/javascript" src="../js/vue.js"></script>

准备好一个容器

		<div id="demo">
			<h1>Hello，{{name.toUpperCase()}}，{{address}}</h1>
		</div>

创建Vue实例

	<script type="text/javascript" >
			Vue.config.productionTip = false //阻止 vue 在启动时生成生产提示。

			//创建Vue实例
			new Vue({
				el:'#demo', //el用于指定当前Vue实例为哪个容器服务，值通常为css选择器字符串。
				data:{ //data中用于存储数据，数据供el所指定的容器去使用，值我们暂时先写成一个对象。
					name:'atguigu',
					address:'北京'
				}
			})

		</script>