首页 > 其他分享 >Vue学习笔记-快速入门

Vue学习笔记-快速入门

时间:2023-05-17 17:36:26浏览次数:39  
标签:username Vue return 入门 笔记 data



整体代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id="app">
<input v-model="username">
<!--插值表达式-->
{{username}}
</div>
<script src="js/vue.js"></script>
<script>
//1. 创建Vue核心对象
new Vue({
el:"#app",
data(){ // data() 是 ECMAScript 6 版本的新的写法
return {
username:""
}
}
/*data: function () {
return {
username:""
}
}*/
});
</script>
</body>
</html>

标签:username,Vue,return,入门,笔记,data
From: https://www.cnblogs.com/guobabiancheng/p/17409448.html

相关文章

  • 高德地图web开发(vue项目)
    在开发大屏中需要使用到高德地图,其中使用到的插件:['AMap.InfoWindow','AMap.Marker','AMap.Polyline','AMap.Icon']点标记,绘制路线,信息窗体,icon 开发思路:在开发中,因为多个途径点不确定数量,所以就放在一个数组中方便管理起始点和路线配置不变,只是数据改变之后路线会改......
  • 刷题笔记:P4452 [差分]
    题目传送门:https://www.luogu.com.cn/problem/P4552一道非常巧妙的差分。我们先来讲一下样例:原数组:1122差分后:1010这时,我们发现,若满足数组中所有数都相等,则必须将差分数组除第一位以外的数都变成0我们怎么用最小的次数将差分数组变成零呢?这个样例不算明显,我们再造一......
  • vue项目跨域和路由问题
    一、vue跨域跨域是浏览器的安全策略,当域名或端口跟目标网址不一致时就会触发。详细可以去这看看:去看看当开发阶段,如果出现跨域,因为默认node开发中的服务时127.0.0.1:5173而请求后端时,地址肯定不是这个,就会触发跨域的问题。开发中可以修改配置来解决这个问题......
  • .NET入门相关学习
    2023/05/17记录html标签使用练习1<divstyle="background-color:lightgreen;text-align:center;width:200px;margin:10px;display:inline-block;vertical-align:top">2<pstyle="text-align:left;margin:10px">(居左)</p>3......
  • SRE Google 运维解密读书笔记一:SRE 方法论概述
    SREGoogle运维解密,是SRE领域的启蒙之作,讲述了Google的SRE实践,SRE就是从Google流传出来的。本文是读书笔记,第一篇,概述SRE方法论。帮大家把书读薄,当然,也加入了一些我的个人理解,希望对你有帮助。为何需要SRE传统的sysadmin的方式,偏手工运维,机器越多所需运维工程......
  • vue elementui validate异步校验改成同步校验返回结果
     异步的校验 <script>import{defineComponent,ref}from'vue'exportdefaultdefineComponent({methods:{getFormDataStatus(){letresult=ref(false)this.ruleForm.validate((valid)=>{if(valid){......
  • 前端-Vue语法使用
    ES6做为动态语言,感觉底层开始-基本类型就全引用。做为实例化的变量,也变得像指向指针的指针,可以随时切换指针,从而最终的数据类型也更着切换总的来说概念上会比较别扭。以及灵活导致的不确定性。底层都是对象,从对象的类型来搭建。基本类型\ PrimitivevalueUndefined,Null,Boo......
  • vue设置全局scss,报错
    sass-loader版本问题引发的错误:optionshasanunknownproperty'prependData'.Thesepropertiesarevalid当前版本如下:"sass":"^1.32.7","sass-loader":"^12.0.0",原来的写法:css:{loaderOptions:{sass:{......
  • 如何搭建一个vue项目
    一、nvm安装与使用1.1、nvm简介nvm全名node.jsversionmanagement,顾名思义是一个nodejs的版本管理工具。通过它可以安装和切换不同版本的nodejs1.2、nvm下载①github下载https://github.com/coreybutler/nvm-windows/releases②百度网盘下载链接:https://pan.baidu.com/s/1......
  • DAY4笔记及补充
    DAY4默写1.表单2.文本框3.密码框4.单选按钮5.复选框6.列表框7.按钮8.多行文本域9.文件域的实现10.描述下音频文件的使用方式100分补充:1.当音频文件缺失controls属性会导致页面效果丢失;当视频元素缺失controls属性会导致图像和按钮丢失,但是某些浏览器(如谷歌浏览器)会存留黑色背......