序章 初始篇—转生到vue世界!

Vue.js 是什么?

Vue (读音 /vjuː/,类似于 view ) 是一套用于构建用户界面的渐进式框架 。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链现代化的工具链现代化的工具链以及各种支持类库支持类库支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。

总而言之,vue是一个非常好用的框架,不仅开发成本低,而且上手也比较快!

初识vue:

html 复制代码
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>初识vue</title>
</head>

<body>
    <div id="app">
        {{ message }}
    </div>
</body>
<!-- 开发环境版本,包含了有帮助的命令行警告 -->
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
<script>
    var app = new Vue({
        el: '#app',
        data: {
            message: 'Hello Vue!'
        }
    })
</script>

</html>

这只是一个使用外链引入的方式(建议用脚手架创建项目)

使用vue脚手架来创建项目,创建前需要进行以下几个步骤:

1. 安装npm

2. 安装node (运行环境)

3. 安装webpack (模块打包器)

3. 安装vue Cli (vue脚手架)

安装教程以及搭建环境请看下一篇:序章 搭建环境篇---准备战士的剑和盾https://v2.cn.vuejs.org/

下一篇文章还没写完,先看官网,后续会持续更新😁......

相关推荐
前端snow1 分钟前
前端无接口实现Table导出Excel的两种方案(附完整代码)
javascript·vue.js·react.js
傅里叶5 分钟前
Flutter在OrangePi 5 Plus上视频播放锁死问题
前端·flutter
古夕39 分钟前
my-first-ai-web_问题记录03——NextJS 项目框架基础扫盲
前端·javascript·react.js
曲意已决1 小时前
《深入源码理解webpac构建流程》
前端·javascript
去伪存真1 小时前
前端如何让一套构建产物,可以部署多个环境?
前端
CC__xy1 小时前
04 类型别名type + 检测数据类型(typeof+instanceof) + 空安全+剩余和展开(运算符 ...)简单类型和复杂类型 + 模块化
开发语言·javascript·harmonyos·鸿蒙
KubeSphere1 小时前
EdgeWize v3.1.1 边缘 AI 网关功能深度解析:打造企业级边缘智能新体验
前端
小奋斗1 小时前
深入浅出:ES5/ES6+数组扁平化详解
javascript·面试
掘金安东尼2 小时前
解读 hidden=until-found 属性
前端·javascript·面试
yangholmes88882 小时前
如何为 Vue 组件提供 slots 静态类型检查
vue.js