快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

vue2.0学习笔记(一)搭建学习环境

搭建一个学习的环境,尽量减少高阶知识干扰
再一个HTML界面中引入cdn库,比如:

创新互联专注于八步网站建设服务及定制,我们拥有丰富的企业做网站经验。 热诚为您提供八步营销型网站建设,八步网站制作、八步网页设计、八步网站官网定制、微信平台小程序开发服务,打造八步网络公司原创品牌,更为您提供八步网站排名全网营销落地服务。

代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>学习VUE</title>
<script src="http://static.runoob.com/assets/vue/1.0.11/vue.min.js"></script>
</head>
<body>
<div id="app">
{{ message }}
</div>
<!-- JavaScript 代码需要放在尾部(指定的HTML元素之后) -->
<script>
new Vue({
el:'#app',
data: {
message:'Hello World!'
}
});
</script>
</body>
</html>

知识点说明:
{{js表达式}} 插值表达式 用于替换HTML中标签的内容,表达式值从VUE实例里data属性中获得。VUE完成了底层的实现。


名称栏目:vue2.0学习笔记(一)搭建学习环境
转载注明:http://6mz.cn/article/gdpcce.html

其他资讯