450 字
2 分钟
Vue学习之旅
1.我的一些学习感想

学习Vue和TypeScript真的很久,从了解vue2,到做有关vue2的项目就花了我一个月左右. 可以说,学习vue2是我接触前端工程开发的又一段学习, 同时也是我第一次接触spa 写这篇博客为了再次复习回忆一下之前学过的vue的知识
Vue的一些基本知识
vue初见
Vue (发音为 /vjuː/,类似 view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建,并提供了一套声明式的、组件化的编程模型(引用官方文档)
使用Vue的原因很简单,就是它拥有更容易入手的生态,并且在开发领域中的功能覆盖了大部分前端开发常见的需求 Vue在性能方面也是与React不相上下(虽然尤老大说react其实不如vue…)
最后,我们可以在很多需求场景去使用Vue,例如:
单页应用(SPA),全栈/服务端渲染(SSR),Jamstack/静态站点生成(SSG),开发桌面端、移动端、WebGL,甚至是命令行终端中的界面
使用CDN引入VueJS静态资源使用
不要起任何脚手架,在vscode中创建一个index.html文件,然后使用Vue他们的CDN资源
然后在body中创建script脚本标签后,写下:
const {createApp,ref} = Vue;在引入CDN时,Vue就会被注册为一个全局变量Vue
然后创建一个简单的模板:
<div id="app"> <h1>{{ message }}</h1> </div>在新建的script中写出这些:
const app = createApp({ setup() { const message = ref("Hello! Vue3"); return { message, }; }, }).mount("#app");最后使用vscode中的live server插件开启本地的服务器,或者下载使用vite
分享文章
生成精美分享图或复制链接,与更多人分享本文。
继续阅读
换条路线
从其他文章中稳定抽取
最后更新于 ,距今已过 273 天
部分内容可能已过时