vue.js 菜鸟教程
编辑:Simone
2024-09-01 18:07:24
604 阅读
vue.js 菜鸟教程?
使用鼠标点击打开HBuilderX软件,如图所示:
然后点击菜单栏文件--->新建--->项目,如图所示:
输入项目名称,点击选择创建基本html项目,然后点击创建按钮,如图所示:
到vue官网下载vue.js开发依赖包,把vue.js开发包拷贝到项目的js文件夹,然后在html页面引入键入完整代码,
{{ message }}
var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
}
});
如图所示:
然后点击运行--->浏览器运行,如图所示:
在浏览器中查看效果,可以看到出现Hello Vue!,如图所示:
版权声明:本站【趣百科】文章素材来源于网络或者用户投稿,未经许可不得用于商用,如转载保留本文链接:https://www.qubaik.com/article/1413.html