首页 > 其他分享 >day49-初始vue

day49-初始vue

时间:2022-12-31 16:56:26浏览次数:44  
标签:容器 vue el html 实例 day49 初始

初始vue

vue在html css js的基础上进行封装和实例化,更简单方便

使用vue首先要引入vue

 <head>
     <meta charset="UTF-8">
     <title>Title</title>
 <!--    引入vue-->
     <script type="text/javascript" src="js/vue.js"></script>
 </head>

 

之前设计的html标签作为vue的容器

 
<!--准备一个容器-->
     <div id="root">
         <h1>hello {{name}}</h1>
     </div>

 

创建vue的实例,并传入实例对象

 //创建vue实例
 //传入实例对象
 const x = new Vue({
     el:'#root',//el用于指定当前vue实例为哪个容器服务,值通常为css选择器字符串
     data:{//data中存储数据,数据供el中所指定的容器去使用
         name:'gugu112'
     }
 })

 

总结:

 <!--
     想让vue工作,就必须创建vue实例,传入一个配置对象
     root容器里的代码依然符合html的规范,插入一些特殊的vue语法
     root容器里的代码称为vue模板
 -->

 

over

标签:容器,vue,el,html,实例,day49,初始
From: https://www.cnblogs.com/GUGUZIZI/p/17016925.html

相关文章

  • 关于mozi初始化中出现的问题
    在mozi的执行中,出现了一个问题:  经过检查,发现是因为重复初始化了:  经过注释掉红线行,发现顺利运行。......
  • 【小5聊】ElementUI-Vue3-TS项目简单创建
    vue2升级到vue3,不管任何框架,升级总有它改进的地方和原因,否则升级就毫无意义,技术变化日新月异,必须保持与时俱进,否则就很容易在技术的浪潮中被淘汰!vue3相比以前版本,最大一个变......
  • vue 实现遮罩层禁止滚动事件
    我们在写弹出的遮罩层时,下方的页面依然可以滚动,这时我们就要想些办法来实现了。移动端vue中提供@touchmove.prevent方法可以完美解决这个问题在蒙层所在div上加@touchmov......
  • vue项目的报错
    在Vue项目中使用props父子组件传值的时候,可能会报下面这种错误:  翻译过来的意思是:避免直接更改属性,因为每当父组件重新渲染时,该值将被覆盖。相反,使用基于属性值的数......
  • vue中具有响应的数组
    1.在vue中可以改变原数组的方法只有7个数组的方法是响应式的,其他都不是响应式的pushpopunshiftshiftsortreversesplice2.如果直接通过索引号修改数组成员,界面是......
  • C++11:longlong超长整型和nullptr初始化空指针
    本文介绍C++11标准中新添加的longlong超长整型和nullptr初始化空指针。1.C++11:longlong超长整型C++11标准中,基于整数大小的考虑,共提供了如下表所示的这些数......
  • Vue 组件的创建、使用
    Vue组件(Vuecomponent)Vue组件的位置在Vue项目中可以看到一类新的文件后缀.vue用来表示Vue文件。需要区分在项目目录src下的App.vue和src\components的......
  • #yyds干货盘点#Linux安装Vue环境
    nodejsnodejs下载地址: ​​https://nodejs.org/en/download/​​下载后上传到服务器,并解压。进入解压的文件夹,可以查看版本:./bin/node-v建立node软连接,变为全局变量:ln-......
  • 03创建Vue项目并实现全球化
    03创建Vue项目并实现全球化创建Vue项目vuecreateclient-vue使用Vuex作为状态管理,用于保存从后台获取的应用程序配置ApplicationConfigurationDto,该对象包含本地化的......
  • VUE 系统学习系列:学习导航大纲--VUE整套前端由0到1(关注收藏本博文即可)
    文章目录​​导言​​​​1.写在前面​​​​2.本博客优势​​​​3.前端开发常用网站总结​​​​一、VUE环境搭建篇​​​​二、VUE基础知识篇​​​​三、npm和yarn......