vue.js简单描述

最新推荐文章于 2023-03-05 04:12:08 发布

_____似命

最新推荐文章于 2023-03-05 04:12:08 发布

阅读量184

点赞数

分类专栏： vue 文章标签： vue vue简单描述

本文链接：https://blog.csdn.net/weixin_42636866/article/details/99408721

版权

vue 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

vue.js是一套只关注视图层用于构建用户界面的渐进式框架。渐进式框架按照我的理解是：没有多做职责之外的事。

安装教程：https://cn.vuejs.org/v2/guide/installation.html

接下来看一个简单的例子：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>helloworld</title>
	<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
	
</head>
<body>
	<div id="app">
		<h1>data:{{message}}</h1>//{{ }} 用于输出对象属性和函数返回值。
    	<h1>fun:{{details()}}</h1>
    </div>
</div>
	<script type="text/javascript">
	//实例化 Vue 
	var vm = new Vue({
        el:"#app",//指定操作DOM 元素中的 id
        data:{
            message:'hello_data'//data 用于定义属性
        },
        methods: {
            details: function() {
                return  "hello_function";//methods 用于定义的函数，可以通过 return 来返回函数值。
            }
        }
    })
    
</script>
</body>
</html>

运行结果：在这里插入图片描述
上述就是vue.js编写代码的基本结构，首先每个vue应用都要实例化vue，即new一个Vue对象，然后对象通常包含el，data，methods参数。

el参数用于指定操纵的DOM中的id；
data 用于定义属性；
methods 用于定义的函数，可以通过 return 来返回函数值。

_____似命

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
vue.js简单描述

vue.js是一套只关注视图层用于构建用户界面的渐进式框架。渐进式框架按照我的理解是：没有多做职责之外的事。安装教程：https://cn.vuejs.org/v2/guide/installation.html接下来看一个简单的例子：<!DOCTYPE html><html lang="en"><head> <meta charset="UT...
复制链接

扫一扫