Vue--实训知识点

day02

vue.js

思维：mvvm
数据渲染：类似mvc，用于java端
MVC：model:pojo view:jsp; control:servlet，把model放进作用域，转发页面
mvvm:类似于前端的mvc
用作用域的方式动态加载数据，支持js对数据修改
model页面加载数据 view：html vm:数据控制
引入vue.js
new Vue({

})

1、页面引入方式，用
单价：
总价：{{sum}}
{{getsum()}}

new Vue({
el 要控制的范围，标签的id选择器
el: ‘#app’,
data是一个function,return的是一个json
data(){
return {
//要控制的数据
name: ‘张三’，
price: 13,
count: 1,

    }
},

//计算速度快
computed: {
//数据计算
sum(){
return this.price*this.count
}
},

methods:{
    定义function的地方
    具有computed的所有功能
    getsum(){
        return this.price*this.count
    }
},

created(){
    //function
    //new Vue对象的时候一开始调用
    //调用一次
    console.log("创建Vue对象的时候调用一次")

},

mounted(){
    数据加载后调用一次

}，
watch: {
  数据的key: {
        handle(新数值，就数值){

        }
    }
}

})

有HTML中用{key}
{{name}}
如果标签的某个属性需要数据：：属性名=“数据key”
input:value=“name” 该方式叫做数据绑定

双向绑定

双向绑定用于表单元素
v-model=“数据key”
区别： 1、methods计算速度不如computed
2、methods可以穿参数，computed只能对数据data中的数据进行计算，不能传参
3、methods可以绑定事件
4、methods可以没有返回值，但是computed必须有返回值
绑定
把js中的on去掉就可以了
<button @click=“changprice()”>
@事件名=“代码”，methods中调用某个function
@click=“price=26”

###tow

数据的监听，监视的是data里面的数据
json可以嵌套多少层都可以
watch: {
‘product.price’: {
handler(new,old){
输出xin值
输出旧的数值
},
deep:true
}
‘product.count’: {
handler(new,old){
```
  }
```
}
}
如果product里面的数据变了，并不会触发product的handle
深度监听
默认监听的是product本身 ,如果监听的是对象里面的数值，用deep:true;但是不能获取到对象的旧的数值

class绑定

:class=数据的key""
1、绑定数组
2、绑定json
{‘keyclass’:boolean}

style绑定：style=“json”

改json和jquery.css(json)完全一样
当成代码看待
注意：千万不要想着获取dom元素
巡环
v-for="(n,index) in 数组key"
vue轮播
jquery轮播

day02下午

day02后端

Tomcat负载有上限，作为一个用户来说不能知道该访问那个，知道那个空闲；
nginx作为静态服务器，实现反向代理；
session会话保持：咖啡厅，带着小纸条；cookies存放sessionid,
session是一种机制，前后端分离中httpsession不用了；
session-微服务认证，jwt json web token
nginx: 功能：1、论调； 2、加权论调：解决服务器性能不一致的问题
实现的策略：负载均衡，让服务器承载的用户数量差不多，繁忙程度差不多，能力高的多干
Redis缓存服务器（过时）讲解替代品：ssdb, memcache被Redis替代了
springcloud : netflix公司进入维护模式
eureka nacos：进入springcloud孵化
mybatis—mybatis-plus
hibernate–另一个持久层框架