当前位置: 首页 > news >正文

Vue.js

官网

https://cn.vuejs.org/

 

Vue.js是一套构建用户界面的渐进式框架

 

Vue CLI为基于Vue开发的应用开发提供一个标准的脚手架工具。为应用搭建基础的框架结构,提供插件、开发服务、Preset、构建打包等功能

 

第一个vue程序——first_app.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>     
    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.11"></script>
</head>
<body>
	<div id="app">
		<input type="text" v-on:input='changetitle'>
		<p>{{ title }}</p>
	</div>

    <script type="text/javascript">
    	new Vue({
    		el:'#app',
    		data:{
    			title:'Hello World!'
    		},
    		methods:{
    			changetitle:function(event){
    				this.title = event.target.value
    			}
    		}
    	})
    </script>
</body>
</html>

实现的效果是随着用户的输入可以改变页面的值

 

 

相关文章:

  • JVM虚拟机
  • MyOS(一):用Java做一个最小的helloworld操作系统内核
  • Windows下Vim
  • 汇编语言
  • SVN服务器端
  • Mavic Mini
  • Chrome浏览器
  • SVN客户端
  • Windows批处理文件bat/cmd
  • IDEA 操作快捷键
  • Python迭代器 iterator(iter next) 生成器 generator(yield) yield
  • Python协程(generator, yield, send)
  • 虚拟机 虚拟硬盘
  • 8086处理器 硬盘
  • 虚拟机快照
  • 【407天】跃迁之路——程序员高效学习方法论探索系列(实验阶段164-2018.03.19)...
  • 【附node操作实例】redis简明入门系列—字符串类型
  • java正则表式的使用
  • MQ框架的比较
  • php的插入排序,通过双层for循环
  • vue-loader 源码解析系列之 selector
  • 编写高质量JavaScript代码之并发
  • 小而合理的前端理论:rscss和rsjs
  • 新版博客前端前瞻
  • 原创:新手布局福音!微信小程序使用flex的一些基础样式属性(一)
  • LevelDB 入门 —— 全面了解 LevelDB 的功能特性
  • 曾刷新两项世界纪录,腾讯优图人脸检测算法 DSFD 正式开源 ...
  • ​用户画像从0到100的构建思路
  • # 达梦数据库知识点
  • # 日期待t_最值得等的SUV奥迪Q9:空间比MPV还大,或搭4.0T,香
  • $(document).ready(function(){}), $().ready(function(){})和$(function(){})三者区别
  • (02)Cartographer源码无死角解析-(03) 新数据运行与地图保存、加载地图启动仅定位模式
  • (1)(1.9) MSP (version 4.2)
  • (Git) gitignore基础使用
  • (六)c52学习之旅-独立按键
  • (十)【Jmeter】线程(Threads(Users))之jp@gc - Stepping Thread Group (deprecated)
  • .NET 4.0网络开发入门之旅-- 我在“网” 中央(下)
  • .NET 5.0正式发布,有什么功能特性(翻译)
  • .net core MVC 通过 Filters 过滤器拦截请求及响应内容
  • .net对接阿里云CSB服务
  • .Net中间语言BeforeFieldInit
  • :中兴通讯为何成功
  • @reference注解_Dubbo配置参考手册之dubbo:reference
  • [ 环境搭建篇 ] 安装 java 环境并配置环境变量(附 JDK1.8 安装包)
  • [.net] 如何在mail的加入正文显示图片
  • [100天算法】-二叉树剪枝(day 48)
  • [14]内置对象
  • [20180312]进程管理其中的SQL Server进程占用内存远远大于SQL server内部统计出来的内存...
  • [BUG] Hadoop-3.3.4集群yarn管理页面子队列不显示任务
  • [BZOJ 1032][JSOI2007]祖码Zuma(区间Dp)
  • [C++打怪升级]--学习总目录
  • [caffe(二)]Python加载训练caffe模型并进行测试1
  • [codeforces]Checkpoints
  • [CSS]CSS 字体属性
  • [daily][archlinux][game] 几个linux下还不错的游戏