前言
最近半年在使用JEECG项目，开始接触到了VUE3这个前端框架，发觉实在是太好使用了！！！
一、VUE3是什么？
贴一下官网的介绍~其实主要就是一个简化的JS前端进阶版使用！
二、使用分享
作为一个多年没update自己前端知识的程序媛，刚听到【框架】两个字是退缩的，但是因为项目急，试了多种方式，最终选择组件的形式开发。
1、入门使用方式
vue3的代码通常分为三大块
1、页面主代码（同html）
写在<template></template>内
2、vue方法（js方法）包含定义变量、以及对变量的处理
写在<script></<script>内
3、css样式（非必须）
写在<style scoped></<style scoped>内
2、实际操作
接下来可以按下续步骤感受一下
- 导入依赖 import 写在script 内
import { ref } from 'vue'
- 定义变量 ref
const count = ref(0)
- 使用变量
提示：因为使用的是组件的形式，不同于繁琐的html前端需要各种<html>标签<body>标签，我们仅需使用插件<template>的形式就可以构建一个页面以下是本篇文章正文内容，下面案例可供参考
<template>
<button @click="count++">Count is: {{ count }}</button>
</template>
3、常用知识
- 条件渲染 v-if
- 循环渲染 v-for
- 事件处理 （就是发生数据交互的监听）常用简写@
图片中handler就是你写的js方法名~
总结
酱酱，今天就分享到这里吧，总体使用下确实觉得非常方便！
而且入门非常简单！优化了很多写法，刚入门的人可能直接看代码会不太明白各种简写代表的是什么意思，例如我自己在看代码时，就不太理解@的意思，其实就是以前js中使用的onclick的简写。所以还是需要先get一些基础知识的~
综上都是本小白个人理解~还有诸多不足之处，后续继续更新！
扫一扫
4365
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
