初始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