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

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

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

代码:
&lt;!DOCTYPE html&gt;<br/>&lt;html&gt;<br/>&lt;head&gt;<br/>&lt;meta charset="utf-8"&gt;<br/>&lt;title&gt;学习VUE&lt;/title&gt;<br/>&lt;script src="http://static.runoob.com/assets/vue/1.0.11/vue.min.js"&gt;&lt;/script&gt;<br/>&lt;/head&gt;<br/>&lt;body&gt;<br/>&lt;div id="app"&gt;<br/>{{ message }}<br/>&lt;/div&gt;<br/>&lt;!-- JavaScript 代码需要放在尾部(指定的HTML元素之后) --&gt;<br/>&lt;script&gt;<br/>new Vue({<br/>el:'#app',<br/>data: {<br/>message:'Hello World!'<br/>}<br/>});<br/>&lt;/script&gt;<br/>&lt;/body&gt;<br/>&lt;/html&gt;
知识点说明:
{{js表达式}} 插值表达式 用于替换HTML中标签的内容,表达式值从VUE实例里data属性中获得。VUE完成了底层的实现。

本文名称:vue2.0学习笔记(一)搭建学习环境
链接地址:https://www.cdcxhl.com/article24/gdpcce.html

成都网站建设公司_创新互联,为您提供商城网站网页设计公司动态网站GoogleApp开发手机网站建设

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

搜索引擎优化