首页 > 其他分享 >vue.js代码012

vue.js代码012

时间:2023-02-25 12:01:08浏览次数:32  
标签:el vue name 写法 绑定 js 012 Vue root


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript" src="../js/vue.js"></script>
</head>
<body>
<div id="root">
<h1>{{name}}</h1>
<lable>单项绑定</lable>
<input type="text" :value="name"><br>
<lable>双向绑定</lable>
<input type="text" v-model="name"><br>
<a :href="url">前往百度</a>
</div>
<script type="text/javascript">
Vue.config.productionTip = false;

const v = new Vue({
//el:'#root', //第一种写法
data:{
name:'虾米大王',
url:'http://www.baidu.com'
}
});

v.$mount('#root'); //代替el,第二种写法
</script>
</body>
</html>

标签:el,vue,name,写法,绑定,js,012,Vue,root
From: https://blog.51cto.com/u_15356972/6085204

相关文章

  • vue.js代码014
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title><scripttype="text/javascript"src="../js/vue.js"></script></head><......
  • vue.js代码016
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title><scripttype="text/javascript"src="../js/vue.js"></script></head><......
  • vue.js代码011
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title><scripttype="text/javascript"src="../js/vue.js"></script></head><......
  • Vue-cli创建的项目结构分析,各初始化文件解释说明
    结构图: 一、项目结构说明 1、.gitignore:git的忽略文件(哪些文件或文件夹不想接受git管理的,可在此文件配置) 2、babel.config.js:babel控制文件,ES6=》ES5 3、packag......
  • java提供link;string转json
    java提供linkJSONObjectjsonObject=newJSONObject();jsonObject.put("type",1);resp.setLink(newLink(5,surveyId,"COLLE......
  • js实战-更新单价、小计、总计
    资料来源于:B站尚硅谷JavaWeb教程(全新技术栈,全程实战),本人才疏学浅,记录笔记以供日后回顾视频链接个人总结知识点1.相较于上一节,新增当鼠标悬浮在单价上后,点击单价......
  • sql 2012 误删恢复
    一、通过消费和充值记录确定误删时间 R2012误删数据恢复过程大侠酷裤马路 2022-10-25 原文由于长时间从事企业应用系统开发,前往用户现场升级......
  • [vue] 导出图片
    npminstall--savehtml2canvasimporthtml2canvasfrom"html2canvas"create_image(){letshareContent=this.$refs.capture//需要截图的包裹的(原生的)DOM对象......
  • nvm 一个nodejs版本管理工具!
    转发:https://nvm.uihtm.com/各位不好意思!!这上面很详细了,我就不写了,简单记录下 nvm是什么nvm全英文也叫node.jsversionmanagement,是一个nodejs的版本管理工具。nvm......
  • 反向生成VUE项目中的node_modules项目
    当我们从gitee或者别人手里拿到vue项目时,往往是没有node_modules目录,因为这个目录很大,而且这个目录可以使用指令反向生成,故传递VUE项目时往往没有加上node_modules目录那......