vue - 官方 - 上手
Vue和其它框架一样,有用CDN或本地JavaScript框架,国内我推荐 bootstrap cdn。
为什么很多人选择CDN呢?
CDN:内容分发网络(不同区域不同服务器,更快),减少本地服务器压力以及加载速度需求。
CDN如果出现问题怎么办呢?
我们需要写一个JavaScript判断CDN是否有用,再来切换多个CDN(也就是多个CDN地址,放数组里)
VUE渐进式框架,什么是渐进式?
Vue 被设计为可以自底向上逐层应用。
开发环境:Win7 x64(6.1.7601)
开发工具:vsCode
官网示例代码(声明式渲染):
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 | <!DOCTYPE html> <html lang= "en" > <head> <meta charset= "UTF-8" > <meta name= "viewport" content= "width=device-width, initial-scale=1.0" > <meta http-equiv= "X-UA-Compatible" content= "ie=edge" > <title>Document</title> <script src= "https://cdn.bootcss.com/vue/2.5.13/vue.js" ></script> </head> <body> <div id= "app" > {{wegame}} </div> <div id= "app-2" > {{message}} </div> <script> var app = new Vue({ // el - : 遍历区域 el: '#app' , // data - :数据 data: { message: 'HEllO,DJ' , wegame: 'sss' } }); //app.message var app2 = new Vue({ el: '#app-2' , data: { message: '页面加载于' + new Date().toLocaleDateString() } }) </script> </body> </html> |
显示结果:
然后它推荐我们下载VUE专用扩展调试工具,也给出了地址,OK我们试着下载:
VUE-DEV ,点击后进入本页面,我们找到获取本浏览器的扩展地址即可:
镜像在Google需要FQ(请点击这里),怎么办呢?
本人在Github上传了VUE-DEV,点击即可下载(安装方式就是在浏览器地址栏输入:chrome://extension ,然后把解压的文件夹拖进去就行了,注意解压文件夹一定要保存在不会误删的地方!)。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 25岁的心里话
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 按钮权限的设计及实现