本文介绍了如何使用Vue框架进行简单的应用开发，包括在页面中动态显示名字和年龄，控制按钮的禁用状态，以及实现年龄的增减功能。通过Vue实例的data和methods属性，结合v-bind和v-on指令实现页面交互。
Vue框架简单应用
运用Vue框架及相关语法完成以下功能：
1)页面中标题1、标题2分别显示名字和年龄，两个标题中的部分字段定义来自于Vue实例中的data，例如my name is {
{vueName}}、my age is {
{vueAge}}，其中vueName、vueAge是Vue实例中的data ;
2)页面中显示“能否看到我”按钮，其disabled属性的true/false字段来自于Vue实例中的data;
3)页面中显示“加一岁”、“减一岁”按钮，其方法来自于Vue实例中的methods，实现对年龄字段的增减。
提示：
（1）采用cdn方式在script中引入vue,代码如下：
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
（2）使用{
{}}插入文本、v-bind绑定元素属性、v-on绑定元素方法。
源代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js">
最低0.47元/天 解锁文章
扫一扫
1148
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
