温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

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

发布时间:2020-07-08 17:28:22 来源:网络 阅读:248 作者:gohang 栏目:web开发

搭建一个学习的环境,尽量减少高阶知识干扰
再一个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完成了底层的实现。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI