Web前端快速入门（Vue&Ajax，前端与服务器的交互）

目录

Vue

Ajax

Vue

Vue是一套前端框架，免除原生JavaScript中的DOM操作，简化书写。

基于MVVM思想，实现数据的双向绑定，将编程的关注点放在数据上。

框架：是一个半成品软件，是一套可重用的、通用的、软件基础代码模型。基于框架进行开发，更加快捷、更加高效。

官方文档：安装 — Vue.js

Vue快速入门

一、新建HTML页面，引入Vue.js文件

 二、在JS代码区域，创建Vue核心对象，定义数据模型

   new Vue({
        e1:"#app",
        data:
             message:"Hello Vuel"
          }
})

 e1:代表Vue要控制哪个区域 #为id选择器（类似于css）

data：数据模型（双向绑定）

 三、编写视图

     
     {{ message }}

 插值表达式：

形式：{{表达式}}。

内容可以是：变量、三元运算符、函数调用、算数运算

v-model在view中叫做指令

常用指令

 v-bind 

哈哈哈
简化写法
哈哈哈

   new Vue({
        e1:"#app",
        data:
             url:"https://www.itcast.cn"
          }
})

 v-model

 注意：通过v-bind 或者v-model绑定的变量，必须在数据模型中声明。 

    
    
    Vue-快速入门
    


    
       
       
    
    


    new Vue({
    e1:"#app",
    data:{
    },
    methods:{
       handle:function(){
        alert("被点了一下");
       }
    }
    })

 v-if

年龄{{age}}，经判定为：

 年轻人

35 && age