第十三周学习周记——初学Vue

最新推荐文章于 2021-06-28 23:40:36 发布

VIP文章 ATM机型号0429

最新推荐文章于 2021-06-28 23:40:36 发布

阅读量318

点赞数

分类专栏：学习文章标签： vue javascript js

本文链接：https://blog.csdn.net/jix_Hu/article/details/117530356

版权

第十三周学习周记

前言
一、Vue简介
二、Vue起步
- 实例
三、Vue模板语法
总结

前言

在上一周学习了AJAX后，这一周将学习Vue。

一、Vue简介

Vue是一套构建用户界面的渐进式框架，只关注视图层，采用自底向上增量开发的设计，其目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。

实例：
代码：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Vue实例</title>
<script src="https://unpkg.com/vue/dist/vue.js"></script>
</head>
<body>
<div id="app">
  <p>{
  { message }}</p>
</div>

<script>
new Vue({
     
  el: '#app',
  data: {
     
    message: 'Hello Vue.js!'
  }
})
</script>
</body>
</html>

运行结果：

二、Vue起步

Vue的语法格式如下：

var vm = new Vue({
  // 选项
})

实例

代码：

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Vue起步实例</title>
	<script src="https://cdn.staticfile.org/vue/2.4.2/vue.min.js"></script>
</head>

最低0.47元/天解锁文章

ATM机型号0429

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
第十三周学习周记——初学Vue

第十三周学习周记前言一、Vue简介二、Vue起步实例三、Vue模板语法1. 插值1. 文本2. HTML3. 属性2. 指令3. 用户输入4. 过滤器总结前言在上一周学习了AJAX后，这一周将学习Vue。一、Vue简介Vue是一套构建用户界面的渐进式框架，只关注视图层，采用自底向上增量开发的设计，其目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。实例：代码：<!DOCTYPE html><html><head><meta c
复制链接

扫一扫