首页 > 其他分享 >JS---初步使用Vue

JS---初步使用Vue

时间:2022-09-19 19:23:44浏览次数:54  
标签:vue html JS --- Vue root

二。使用vue
1.想使用vue,必须创建一个vue实例,且要传入一个配置对象
2.root容器里的代码依然符合html中规范
3.root容器里的代码被称为【vue模板】


-->

<body>
<div id="root">
<h1>hello,{{name}}</h1>
</div>
<a href="{{link}}" target="_blank" id="a1">百度 {{link}}</a>

<script type="text/javascript">

//1.小练习:使用JS中语句赋值到html中
Vue.config.productionTip = false;//解决报错
new Vue({
el:'#root',
data:{
name :'XXX',
}
})
</script>
</body>

标签:vue,html,JS,---,Vue,root
From: https://www.cnblogs.com/wsx123/p/16708734.html

相关文章

  • 基础vue的一些知识补充
    一、:disabled该属性能接受布尔值,可以用于元素的使用。当值为true时,该元素将无法被使用,如button的disabled属性被设置为true后,将无法被点击,input的disabled属性被......
  • vue中上传excel文件的方法
    1.使用方法 <inputtype="file"@change="importExcel">或者使用element-ui<el-uploadref="input"action="/":show-file-list="false":auto-upload="false":on......
  • UI自动化测试-UnitTest测试框架
    十三.自动化测试完整的测试步骤:初始化——测试步骤——测试断言——测试清理比如百度:打开浏览器——输入框关键字点击搜索——验证搜索是否正确——关闭浏览器测试用......
  • JavaScript高级复习——js面向对象
    面向对象优点:易维护、易复用、易扩展。适合多人合作。缺点:性能比面向过程低。面向过程优点:性能比面向对象高,适合跟硬件联系很紧密的东西,例如单片机。缺点:没有面向对象......
  • Sampling-bias-corrected neural modeling for large corpus item recommendations
    目录概符号说明问题解决方法YiY.,YangJ.,HongL.,ChengD.Z.,HeldtL.,KumthekarA.,ZhaoZ.,WeiL.andChiE.Sampling-bias-correctedneuralmodelingfo......
  • 【Vue项目实践】vue 创建一个新项目
    参考链接:Vite+Electron快速构建一个VUE3桌面应用(一)创建一个Vite项目安装vite并创建项目,输入项目名,模板采用vue,其他的根据情况,可以先全部Noyarncreatevite......
  • 面向对象---继承
    什么是继承---Extends继承:在现实世界中也是真实存在的。例如:父亲很有钱,儿子不努力也很有钱。基本语法class子类extends父类继承的作用:基本作用:子类继承父类,代码......
  • P7856 「EZEC-9」模糊众数 解题报告
    P7856「EZEC-9」模糊众数解题报告:题意给定一个长度为\(n\)的序列,一次操作可以将某个数字加一,多次询问一个数\(x\),求使得\(x\)称为序列众数至少要多少次操作。\(1......
  • Linux系列---【如何解决cpu飙高问题?】
    1.使用top命令打开dashboard,如下图2.经过上图中4步之后,可以得到十六进制9847的进程号,然后到a.txt文件中查找即可定位到对应的线程。3.如过找不到,按shift+h查找出哪个线......
  • 了解3D世界的黑魔法-纯Java构造一个简单的3D渲染引擎
    简介: 对于非渲染引擎相关工作的开发者来说,可能认为即使构建最简单的3D程序也非常困难,但事实上并非如此,本篇文章将通过简单的200多行的纯Java代码,去实践正交投影、简单三......