vue 第一天（基本的结构）

el：就像我们的选择器一样里面是 # 就是id选择器里面是 . 就是class选择器直接写标签就是标签选择器也可以id+class 或多个id 等
data：相当于我们 el 表达式或者 thymeleaf 一样上面格式用 {{key}} 下面在data里面定义key和value
data中可以写数组还有对象。
methods：里面定义方法就像js里的函数一样

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><script rel="javascript" src="../lib/vue.js"></script>
</head>
<body>
<div id="vue_one"><h1>site : {{site}}</h1><h1>{{url}}</h1><h1>{{details()}}</h1><h1>{{no()}}</h1><h1>{{shuzu}}</h1><h1>{{obj}}</h1>
</div>
<script type="text/javascript">const obj = {duixiang : "我是对象那个",duixiang2 : "我也是"}const vm = new Vue({el: '#vue_one',data: {site: "我的第一个vue程序",url: "网址吗还没定",shuzu : ["篮球","足球","动漫"],obj},methods: {details: function() {return this.site + "- 要坚持下去";},no :function () {return this.details() +"- 没有什么不可以";}}})
</script>
</body>
</html>

花开一千年,花落一千年,花叶永不见

vue 第一天（基本的结构）相关推荐

Vue 第一天学习 ---2018.06.28
Vue 第一天学习 ---2018.06.28 1.引包 2.学会控制元素.显示数据,基本框架建立 <title>Document</title> <script sr ...
【Vue】—项目的目录结构介绍
[Vue]-项目的目录结构介绍
每日三道前端面试题--vue 第一弹
每日三道面试题--vue 第一弹 1.对vue渐进式框架的理解 2.v-if 和v-show的区别 3.MVC.MVP和MVVM的区别一.MVC 1.视图(View):用户界面. 2.控制器(Con ...
使用vue-cli脚手架初始化Vue项目下的项目结构
vue-cli是Vue 提供的一个官方命令行工具,可用于快速搭建大型单页应用.该工具提供开箱即用的构建工具配置,带来现代化的前端开发流程.只需几分钟即可创建并启动一个带热重载.保存时静态检查以及可用于 ...
第一章: 微型计算机组成结构
第一章: 微型计算机组成结构引言微型计算机组成原理 I/O端口寻址和访问控制方式 I/O端口和寻址接口访问控制主存储器,BIOS和CMOS存储器主存储器基本输入/输出程序BIOS CMOS ...
vue项目开发的目录结构
vue项目开发的目录结构一.通过命令行工具安装vue(npm install webpack vue-project) build -- 项目构建的相关代码 config -- 配置目录,包括端口. ...
【 Vue全家桶 · Vue CLI（四）】Vue项目的详细目录结构解析
文章目录前言 -- 一级目录解析一. dist 二. node_modules 三. public 四. src(基础版) 4.1 main.js 4.2 App.vue 4.3 src / as ...
计算机体系结构--第一章1----体系结构的分类
文章目录计组和计算机体系结构区别外特性和内特性计算机体系结构定义研究计算机系统中软硬件之间的界面定义和其上下的功能分配与逻辑实现基本概念体系结构的分类按照指令流和数据流的多寡,将体系 ...
Vue — 第一天（极速入门）
基本介绍 vue是什么目标:了解vue的一些基础概念. 官方网站: https://cn.vuejs.org/ vue是:渐进式javascript框架. 两组概念 (1)框架库.只提供一些API ...
第一章MCS-51单片机结构，单片机原理、接口及应用
文章目录一.MCS-51单片机内部结构二.CPU 三.存储器四.特殊功能寄存器SFR 五.时钟电路与复位电路六.引脚功能一.MCS-51单片机内部结构单片机是在一块芯中集成了CPU.RAM ...

vue 第一天（基本的结构）

vue 第一天（基本的结构）

vue 第一天（基本的结构）相关推荐

最新文章

热门文章