vue的应用

最新推荐文章于 2024-07-04 15:12:47 发布

荒糖落

最新推荐文章于 2024-07-04 15:12:47 发布

阅读量211

点赞数

分类专栏： vue 文章标签： vue.js

本文链接：https://blog.csdn.net/weixin_44561961/article/details/117530894

版权

vue 专栏收录该内容

24 篇文章 0 订阅

订阅专栏

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

文章目录

前言
一、vue？
二、使用步骤
- 1.实例
总结

前言

关于vue的使用

提示：以下是本篇文章正文内容，下面案例可供参考

一、vue？

示例：https://cn.vuejs.org/ 官网下载js文件

二、使用步骤

1.实例

注意，要下载开发版本

（示例）：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<div id="root">
			<div @click="handleClick">
				{{message}}
			</div>
			<item></item>
		</div>
		<script type="text/javascript" src="js/vue.js" ></script>
		<script>
			Vue.component('item',{//item为上面标签名字，定义一个组件 vm.$destroy()消除组件
				template:'<div>hello world</div>'
				})
			var vm=new Vue({//Vue就是根实例，组件
				el:'#root',//接管root里面的所有
				data:{
					message:'hello world'//message与div里面的数据一致
				},//注意逗号
				methods:{//事件必须写在里面
					handleClick:function(){
						alert("hellw")
					}
				}
			})//vm常指实例
				
			
		</script>
	</body>
</html>

总结

总结：根据实例，注意vue的写法和语法。
关键词：组件化

荒糖落

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
vue的应用

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、vue？二、使用步骤1.实例总结前言关于vue的使用提示：以下是本篇文章正文内容，下面案例可供参考一、vue？示例：https://cn.vuejs.org/ 官网下载js文件二、使用步骤1.实例注意，要下载开发版本（示例）：<!DOCTYPE html><html><head> <meta charset="utf-8"> <
复制链接

扫一扫