Vue基础

137 阅读1分钟

视频一:学前了解HTML CSS JavaScrip AJAX基础知识,视频以VSCode作为开发工具 课程安排 基础——本地应用——网络应用——网络应用 视频二:1.Vue是JavaScrip的框架。使用Vue简化对Dom元素的操作,Vue会使用特殊的语法去修饰Dom元素。响应式数据驱动,改变数据会相应地改变页面。 视频三:第一个Vue实例

微信图片_20210525183215.png 视频四:el 挂载点,el命中的元素会被data中同名数据替换 el挂载点一般用id选择器,其他class等选择器也可以 el挂载点只能作用双标签,不能作用于html和body 视频五:data数据对象

    <h2>{{message+'!'}}深圳</h2>
    <h2>{{school.name}}{{school.mobile}}</h2>
    <ul>
        <li>{{campus[0]}}</li>
         <li>{{campus[1]}}</li>
          <li>{{campus[2]}}</li>
           <li>{{campus[3]}}</li>
    </ul>
    </div>
          var app = new Vue ({
              el:"#app",
              data: {
			    message: '你好 小黑!',
				info:'移动前端与教研部',
				school:{
					name:"黑马程序员",
					mobile:"400-168-9090"
				},
				campus:["北京校区","上海校区","广东校区","深圳校区"]
			  }
          })