Vue.js起步

1.1Vue.js是什么?

简单小巧的核心,渐进式技术栈,足以应付任何规模的应用。
渐进式(Progressive)：你可以一步一步、有阶段性地来使用Vue.js,不必一开始就使用所有的东西。

1.1.1 MVVM（Model-View-View-Model）模式

• 当View(视图层)变化时,会自动更新到ViewModel(视图模型),反之亦然。View和ViewModel之间通过双向绑定建立练习。

1.2起步练习

• 新建项目vue-basic,选择普通项目,再选择模板框内选择基本HTML项目

  
  
  

  image.png

• 新建html文件,取名为

   
       
       
       
       
      
      
          
          

                
                
{{name}}
           
           
           

运行结果如下图

image.png

输入框中的内容和下面文本的内容是同步的