量个网站一个域名,wordpress登录修改密码,邯郸高端网站建设,dedecms 网站首页标签vue
vue的由来 vue教程和M-V-VM架构思想 vue的初步简单使用 nodejs vue的由来
# 1 HTML(5)、CSS(3)、JavaScript(ES5、ES6、ES11)#xff1a;编写一个个的页面 - 给后端(PHP、Python、Go、Java) - 后端嵌入模板语法 - 后端渲染完数据 - 返回数据给前端 -编写一个个的页面 - 给后端(PHP、Python、Go、Java) - 后端嵌入模板语法 - 后端渲染完数据 - 返回数据给前端 - 在浏览器中查看# 2 Ajax的出现 - 后台发送异步请求RenderAjax混合# 3 单用Ajax加载数据DOM渲染页面前后端分离的雏形前端就用htmlcssjs 写页面空页面当页面加载完成---》发送ajax---》后端获取数据js 把获取完的数据渲染到页面上后端只负责写接口# 4 Angular框架的出现1个JS框架出现了“前端工程化”的概念前端也是1个工程、1个项目# 5 React、Vue框架当下最火的2个前端框架Vue国人喜欢用React外国人喜欢用# 6 移动开发AndroidIOS WebWeb微信小程序支付宝小程序 桌面开发Windows桌面前端 - 大前端# 7 一套代码在各个平台运行大前端谷歌FlutterDart语言和Java很像可以运行在IOS、Android、PC端# 8 在Vue框架的基础性上 uni-app一套编码 编到10个平台# 9 在不久的将来 前端框架可能会一统天下 vue教程和M-V-VM架构思想
# 官网教程https://cn.vuejs.org/# vue版本-vue3 一般情况下新项目都用vue3编写-vue2 公司里很多项目用vue2编写的-就在vue3上写vue2的语法完全支持但是vue3的语法不一样了# 基础阶段讲vue2,1--2天vue3vue2https://v2.cn.vuejs.org/v2/guide/vue3https://cn.vuejs.org/guide/quick-start.html# vue 是什么
Vue (读音 /vjuː/类似于 view) 是一套用于构建用户界面的渐进式框架渐进式前端项目中可以一部分使用vue也可以全部项目使用vue# M-V-VM架构思想# 之前学过mvcmtvMVVM 是Model-View-ViewModel 的缩写它是一种基于前端开发的架构模式是一种事件驱动编程方式
Model js中的变量
View 用户看到的页面
ViewModel只要js中变量变化了页面自动跟着变化 页面中数据变化了js变量也跟着变# 单页面应用(组件化开发)-single page applicationSPA-原来写一个个html页面-用了vue后只有一个html页面 vue的使用
# vue 项目选择编辑器-vscode免费-webstormjetbrains全家桶公司出品pycharmideagoland...-收费的破解方案跟pycharm一样-单个 全家桶-本质跟pycharm是一个东西我们就不下载webstorm了直接在pycharm中配置一下安装一个插件就支持写vue了-----------------------------------------------------------------------注意官网https://cdn.jsdelivr.net/npm/vue/dist/vue.js
打开后将里面的内容拷贝出来建一个文件夹然后建一个js文件放入
!DOCTYPE html
html langen
headmeta charsetUTF-8titleTitle/title!-- script srchttps://cdn.jsdelivr.net/npm/vue/dist/vue.js/script --script src./js/vue.js/script/head
body
div idapph1这里面可以写vue的模板语法/h1!--插值语法--p姓名是{{name}}/pp年龄是{{age}}/p
/div/bodyscript// div 被 vue托管了---》内部就可以写vue的语法vue会自动渲染// 本质是dom操作只是不用我们手动操作了var vm new Vue({el: #app,data: {name: lin,age: 19}})console.log(vm.$data.name)// peresonPerson(data{name:lqz,age:19})// __inti__// self.datadata//self.namedata.get(name)// person.name
/script
/html nodejs
解释型的语言是需要解释器的
js就是一门解释型语言只不过js解释器被集成到了浏览器中所以在浏览器的Console中输入命令就和在cmd中输入python后进入交互式环境一样nodejs一门后端语言,运行在操作系统上的语言---》网络处理文件处理
把chrome的v8引擎解释器安装到操作系统之上vue 项目编译成 纯粹的htmlcssjs---》需要有node环境
