vue - 官方 - 上手
2023-09-11 14:14:38 时间
Vue和其它框架一样,有用CDN或本地JavaScript框架,国内我推荐 bootstrap cdn。
为什么很多人选择CDN呢?
CDN:内容分发网络(不同区域不同服务器,更快),减少本地服务器压力以及加载速度需求。
CDN如果出现问题怎么办呢?
我们需要写一个JavaScript判断CDN是否有用,再来切换多个CDN(也就是多个CDN地址,放数组里)
VUE渐进式框架,什么是渐进式?
Vue 被设计为可以自底向上逐层应用。
开发环境:Win7 x64(6.1.7601)
开发工具:vsCode
官网示例代码(声明式渲染):
<!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 ,然后把解压的文件夹拖进去就行了,注意解压文件夹一定要保存在不会误删的地方!)。
相关文章
- Why not always use the index as the key in a vue.js for loop?
- 【Vue】单文件的组件(.vue)代码实例
- 【Vue】vue中VM的生命周期及加载和销毁实例
- Vue - 完美解决小数的四则运算(加减乘除)导致精度丢失问题,提供详细计算示例代码vue数据计算丢失精度
- 初步整合vue-element-admin和GitDataV两个Vue开源框架方案实现大数据可视化
- Vue2.0 搭建Vue脚手架(vue-cli)
- vue.js-详解三大流行框架VUE_快速进阶前端大咖-Vue基础
- (29)打鸡儿教你Vue.js
- (1)打鸡儿教你Vue.js
- vue-quill-editor 富文本
- vue的地图插件amap
- Vue 爬坑之路(一)—— 使用 vue-cli 搭建项目 (增补)
- vue-router实现SPA购物APP基本功能
- Vue通过ref获取不到$refs
- 使用TypeScript创建Vue项目
- vue-router路由传递参数 + get传值query获取
- Vue完成TodoList案例
- vue解决点击不同按钮,回显数据时相同的问题
- vue学习笔记七:Jquery VS Vue之杂项方法明细对照
- vue学习笔记十:Jquery VS Vue之页面动画明细对照
- Vue外卖项目笔记(一)
- 浅析Vue数据更新了但页面不更新的7种情况及vue异步更新带来的数据响应的误解
- 2018年最值得关注的30个Vue开源项目
- Vue学习第13天——vue中使用自定义插件
- 解决VsCode启动Vue项目报错:‘vue-cli-service‘ 不是内部或外部命令,也不是可运行的程序 或批处理文件。