文章目录
一、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({