vue.js 第一课:实例化vue
2024-08-31 16:03:55
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Demo</title>
</head>
<body>
<div id="app">
app:{{name}}
</div>
<script src="https://cdn.bootcss.com/vue/2.5.16/vue.min.js"></script>
<script>
var vm = new Vue({
el:'#app',
data:{
name:'Vuejs',
}
});
</script>
</body>
1. div的id为app为vue的element元素,所有的vue操作只能在id为app下
2.实例化时,需要传入一个对象el(element)缩写,确定作用于那个div域下
3.data为参数命名与赋值,在指定的div下可以用{{}}俩个大括号包起来,来使该变量的值
说明:
1.引入的js链接通道:https://www.bootcdn.cn/vue/
2.没有开发环境的可以直接,在线代码调试:http://tool.chinaz.com/tools/webdebugger.aspx
最新文章
- 【CSS3 入门教程系列】CSS3 Media Queries 实现响应式设计
- VirtualBox-Linux系统安装增强功能
- google chrome set
- LAMT基于mod_jk方式的负载均衡集群
- linux 查看cpu 内存 硬盘 文件夹大小
- loading图片制作(没有设计师的情况下,前端同学自己制作loading动图)
- cygwin 扩展
- TP框架多表联查
- javaScript给元素添加多个class
- Git 和 SVN之间的五个基本区别
- [FreeRadius2]遇到问题记录
- 简单的纯js三级联动
- python变量、注释、程序交互、格式化输入、基本运算符
- 脚手架vue-cli系列一:安装与规范
- unity ugui Toggle Group详解(Chinar出品、简单易懂)
- Singer 学习九 运行&;&;开发taps、targets (四 开发target)
- MapReduce_架构
- Hibernate常用的Java数据类型映射到mysql和Oracle
- django之对FileField字段的upload_to的设定
- 11.深入理解读写锁ReentrantReadWriteLock
热门文章
- 树莓派安装node.js
- Data Member Order
- spark 类标签的稀疏 特征向量
- hdoj--1869--六度分离(floyd)
- MinGW安装和使用基础教程
- [湖南师大集训2018 7 26] hunger 解题报告 (SPFA)
- php7-swoole-Class &#39;swoole_websocket_server&#39; not found 问题
- java9新特性-20-Javascript引擎升级:Nashorn
- linux下python3源码安装及卸载
- 前端之CSS选择器