SpringBoot快速入门笔记（4）_springboot package.json-优快云博客

文章目录

一、Vue框架
二、Vue组件化开发

一、Vue框架

1、前端环境准备

编码工具：VSCode
依赖管理：NPM
项目构建：VueCli

2、简介

Vue是一套用于构建用户界面的渐进式框架

3、快速开始

借助官方文档，打开VScode，新建demo.html

复制粘贴：

具体语法看不懂没关系，就是将message这个数据用{ { }}渲染出来，右键选择Open In Default Browser 在浏览器页面中打开😮
这里要安装插件：

正常运行如下：

4、事件绑定

实现按钮自增的监听器

我这里就按Vue3官网的写法改编的，注意导入createApp这里是const

const {
    createApp, ref } = Vue

<body>
    <div id="app">
        <h1>Count的值为：{
   {
   count}}</h1>
        <button v-on:click="addCount">方法1</button>
        <button @click="count++">方法2</button>
    </div>

    <script>
    const {
    createApp, ref } = Vue
    const bind = createApp({