02-第一个Vue程序

目录

1.  准备工作

2.  编写代码

    2.1 引入Vue

    2.2  添加一个div标签

    2.3 创建Vue实例

    2.4 保存(Ctrl +s)并查看结果

    2.5 总结

    2.6 完整代码

---

1.  准备工作

• 新建一个test01.html文件
• !  + Tab 键生成模板，注：(！为英文的叹号)，如下图    

• 打右键开Open with Live Server  

2.  编写代码

 2.1 引入Vue

 2.2  添加一个div标签

        
        {
    {message}}   

 2.3 创建Vue实例

 2.4 保存(Ctrl +s)并查看结果

 2.5 总结

• 导入开发版本的Vue.js
• 创建Vue实例对象，设置el属性和data属性
• 使用简洁的模板语法把数据渲染到页面上

 2.6 完整代码

    
    
    


    

        {
    {message}}