Vue

Vue 快速入门

 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="app">
    
    <!--绑定输入框-->
    <input v-model="username">
    <!--插值表达式-->
    {{username}}
 
</div>
 
<script src="js/Vue.js"></script>
 
<script>
 
    // 1、创建vue核心对象
    new Vue({
       el:"#app",
        data(){
            return{
                username:""
            }
        }
        // data()原方法
        /*data:function (){
            return{
                username:""
            }
        }*/
    });
</script>
</body>
</html>

Vue 常用指令

1、v-bind、v-model#

2、v-on#

2、v-if/v-show #

2、v-for #

Vue 生命周期

posted @ 2022-10-13 02:38 风陵南阅读(72) 评论(0) 编辑收藏举报

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

相关博文：

· Maven基本使用

· Servlet——简介

· Vue介绍

· Vue前端框架的基础学习，为之后打个基础

· Vue入门

阅读排行：
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码，我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了，比商业数据库还牛
· 白话解读 Dapr 1.15：你的「微服务管家」又秀新绝活了
· 记一次.NET内存居高不下排查解决与启示

公告

2750天1小时0分48秒

昵称：风陵南
园龄： 3年1个月
粉丝： 3
关注： 4

+加关注

2025年3月

日

一

二

三

四

五

六

Vue——前端框架

风陵南

Vue——前端框架

Vue

Vue 快速入门

Vue 常用指令

1、v-bind、v-model#

2、v-on#

2、v-if/v-show #

2、v-for #

Vue 生命周期

公告

搜索

常用链接

随笔分类

随笔档案

阅读排行榜

评论排行榜

推荐排行榜

最新评论

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Title</title>
	</head>
	<body>
	<div id="app">

	<!--绑定输入框-->
	<input v-model="username">
	<!--插值表达式-->
	{{username}}

	</div>

	<script src="js/Vue.js"></script>

	<script>

	// 1、创建vue核心对象
	new Vue({
	el:"#app",
	data(){
	return{
	username:""
	}
	}
	// data()原方法
	/*data:function (){
	return{
	username:""
	}
	}*/
	});
	</script>
	</body>
	</html>