安装
MVVM
定义
流程
new vue({
el: "#app", //绑定HTML元素
data: {
message: 33 //传递数据
},
methods: {
}
created(){} //组件创建完成后(html部分)回调这个函数
mounted(){} //将dom渲染到html后,回调这个函数
updated(){}. //界面发生刷新时
destroyed(){}. //销毁时
activated(){}. //在keep-alive时才有效,否则无效,当前组件活跃时调用函数
deactivated(){}. //在keep-alive时才有效,否则无效,当前组件不活跃时调用函数
})
安装
方式一:CDN(服务器)引入(开发环境版本 / 生产环境版本)
方式二:第一步:官网下载,第二步:本地打开
方式三:NPM 安装
MVVM
在听一遍吧
定义
汉语 | 英语 |
---|---|
开发版本 | debug版本 |
发布版本 | release版本 |
1.使用:框架不需要use,插件需要use
2.vue可以替代 bom/dom的原生JS代码:
3.执行顺序,先把html加载出来,到vue时填数据
4.vue:声明式编程范式,传统:命令式编程
5.如果之前的项目用jquery做的,可以先引入vue替换一个页面
流程
后端渲染node技术
后端数据库服务器
1.每次客户端输入url请求地址
2.服务端判断请求地址
3.服务端写数据库代码拼接到HTML代码上
4.响应到客户端
5.对seo优化好一点
前后端分离:ajax技术
静态服务器
用户通过url请求静态资源前端服务器
通过ajax链接接口
后端数据库服务器
接口
前端渲染: 单页面富应用(spa页面)
静态服务器
只请求一次
改变url 但页面不整体刷新
后端数据库服务器
接口