vue_官网教程练习

引入使用vue声明式渲染

    
    





    
    {{ message }} ----  {{ person.name }}

//引入了官网的,也可以自己下载到本地引入

Vue 实例

每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的

var vm = new Vue({
  // 选项
})

数据与方法

当一个 Vue 实例被创建时，它将 data 对象中的所有的 property 加入到 Vue 的响应式系统中。当这些 property 的值发生改变时，视图将会产生“响应”，即匹配更新为新的值。

    
    {{ a }} ----  {{ person.name }}

生命周期

模板语法

插值

    
    







    Message: {{ msg }}
    这个将不会改变: {{ msg }}
    
{{vHtml}}
    

    Button
    
Button
    {{ number + 1 }}

    {{ ok ? 'YES' : 'NO' }}

    {{ message.split(',').reverse().join('') }}

    

指令

    
    





    
现在你看到我了
    
    百度
    
    点击事件
    
    

        click1
        
        

              click2
        
    
    
    
     ... 

    
...