2021-05-25

13HY

于 2021-05-25 09:48:55 发布

阅读量69

点赞数

分类专栏：笔记前端周记

本文链接：https://blog.csdn.net/qq_51167539/article/details/117249127

版权

前端同时被 3 个专栏收录

12 篇文章 0 订阅

订阅专栏

笔记

11 篇文章 0 订阅

订阅专栏

周记

10 篇文章 1 订阅

订阅专栏

Vue

Vue.js（读音 /vjuː/, 类似于 view）是一套构建用户界面的渐进式框架。
Vue 只关注视图层，采用自底向上增量开发的设计。
Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

<body>
	<div id="vue_det">
		<h1>site : {{site}}</h1>
		<h1>url : {{url}}</h1>
		<h1>{{details()}}</h1>
	</div>
	<script type="text/javascript">
		var vm = new Vue({
			el: '#vue_det',
			data: {
				site: "HY13",
				url: "www.runoob.com",
				alexa: "10000"
			},
			methods: {
				details: function() {
					return  this.site + " 是一个小机灵鬼";
				}
			}
		})

在这里插入图片描述

<body>
    <div id="vue_det">
        <h1>site : {{site}}</h1>
        <h1>url : {{url}}</h1>
        <h1>Alexa : {{alexa}}</h1>
    </div>
    <script type="text/javascript">
    // 我们的数据对象
    var data = { site: "菜鸟教程", url: "www.runoob.com", alexa: 10000}
    var vm = new Vue({
        el: '#vue_det',
        data: data
    })
    // 它们引用相同的对象！
    document.write(vm.site === data.site) // true
	document.write("<br>")
    // 设置属性也会影响到原始数据
    vm.site = "Runoob"
    document.write(data.site + "<br>") // Runoob

    // ……反之亦然
    data.alexa = 1234
    document.write(vm.alexa) // 1234

site : Runoob

url : www.runoob.com

Alexa : 1234

true
Runoob
1234

13HY

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
2021-05-25

VueVue.js（读音 /vjuː/, 类似于 view）是一套构建用户界面的渐进式框架。Vue 只关注视图层，采用自底向上增量开发的设计。Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。<body> <div id="vue_det"> <h1>site : {{site}}</h1> <h1>url : {{url}}</h1> <h1>{{details()}}
复制链接

扫一扫

专栏目录