标签:el vue 简介 app Vue 实例 message
vue
前端js框架,底层是基于JavaScript。使用简单方便。
接下来以一个简单的vue例子,开始我的vue之旅。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Vue 测试实例 - 菜鸟教程(runoob.com)</title>
<script src="https://unpkg.com/vue/dist/vue.js"></script>
</head>
<body>
<div id="app">
<p>{{ message }}</p>
</div>
<script>
new Vue({
el: '#app',
data: {
message: 'Hello Vue.js!'
}
})
</script>
</body>
</html>
如图所示,一个简单的vue例子就成功了,new Vue() 创建vue实例,el表示挂载的地方,#app就是id为app的元素。data表示数据,页面上在挂载的实例中就可以使用 {{}} 双括号,显示变量定义的元素。
开始vue之旅吧。
标签:el,vue,简介,app,Vue,实例,message 来源: https://blog.csdn.net/qq_40801987/article/details/120919855
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。