1、什么是Vue
1.Vue的详解
2.Vue的用途
2、Vue.js起步
1.首先需要安装好HBuilderX,在文件—普通项目—基本HTML项目下,完成好项目的创立。(图一)

2.配置项目,第一步CDN的引入,引入CDN,只需要在创建的html文件中引入下图中的script代码,这样就成功地将Vue.js引入到我们的项目中并可以使用了。(图二)

3.配置完毕后就可以正常的做项目了。(如图三)

4.软件右上角有一个预览界面,可以打开,有些人需要下载浏览器,有些人不需要,需要的人正常下载就可以,下载完毕后可以点击刷新按钮(图四)

5.这样当你敲完代码就可以在你的右侧看到效果图(图五)

网友评论