一、编译工具

老师要求使用HBuiderX。下载地址:https://www.dcloud.io/hbuilderx.html

二、初识Vue

官网地址:https://cn.vuejs.org/

Vue的定义:Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。

1.新建Vue实例

这就是自动帮我们引入的vue文件。

 index.html中创建vue实例

 

 

 

 建议选择运行到指定浏览器,内置浏览器看着很不舒服。(运行至你熟悉的浏览器即可,最好是Chrome)

 

 

 这就是vue创建实例的方式。