01_初体验

这块内容是之前上学时候写的,在之前的博客写的内容有点杂,有些代码的地方好像会报错,详细请看 csdn 上的吧,可能会全一点~

1. 认识 Vue.js

Vue 是一个渐进式的框架,什么是渐进式呢? 简单来说,就是它可以做到一点一点把原本使用的技术替换成 Vue 的,两种技术可以共存,例如从 jQuery 慢慢地过渡到 Vue.js。 它意味着你可以将 Vue 作为你应用地一部分嵌入其中,带来更丰富地交互体验,或者如果你希望将更多的业务逻辑使用 Vue 实现,那么 Vue 的核心库以及其生态系统,比如 Core+Vue-router+Vuex 也可以满足你的各种需求。 Vue 有很多特点和 Web 开发中常见的高级功能:

  • 解耦试图和数据
  • 可复用的组件
  • 前端路由技术
  • 状态管理
  • 虚拟 DOM

2. 安装 Vue.js

安装这里就不赘述了,详情可以见官网

然后是最简单的一个 Vue 大概的样子

<!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>
</head>
<body>
    <div id="container">
        <h1>{{name}}</h1>
        <h1>{{message}}</h1>
    </div>
    <script src="./vue.js"></script>
    <script>
        const app = new Vue({
            el:'#container', //用于挂在要管理的元素
            data:{	//定义数据
                name:'beanBag',
                message:'成功!'
            }
        })
    </script>
</body>
</html>
Last Updated:
Contributors: hqchqc