博客
关于我
什么是Vue以及Vue的环境的搭建?
阅读量:80 次
发布时间:2019-02-25

本文共 966 字,大约阅读时间需要 3 分钟。

1.什么是Vue.js?

vue.js是现阶段最火的前端框架,是主流的框架之一。与其它两个框架Angular,React一样都是前端的框架,是目前三大主流框架之一。它是构建用户界面的框架,只关注视图层,可以与第三方库进行整合实现开发一些大型的项目,前端的工作主要是与MVC中的V打交道,也就是视图层。

2.为什么去学习前端的框架?

  1. 提高企业的开发效率
  2. Vue中用户不需要去手动的去操作DOM,解放用户的双手,让程序员更多的去关注业务逻辑
  3. 可以加强行业的竞争力

3.框架与库的区别

框架是一套完整的解决方案,项目如果要去更换框架,则需要重构整个项目
库是一个插件的概念也就是第三方提供的,一个小功能去实现个别的需求,若此需求不能实现可以换其它的库

4.Vue环境的搭建

1.下载vue.js
官网下载:

2.代码的实现

<body><!-- app根容器,new的vue可以控制内部的所有内容 -->    <div id="app">    	<h1>姓名:{  {name}}</h1>    	<h1>年龄:{  {age}}</h1>    	<h1>邮箱:{  {email}}</h1>    </div>    <!-- 引入vue库src表示vue.js所在的路径 -->    <script src="./libs/vue.js" type="text/javascript"></script>    <script>    	/*实例化app*/    	/*var app=new Vue({    		el:'#app',    		data:{    			msg:"hello vue!"    		}    	})*/    	var app=new Vue({    		el:'#app',//表示new的这个实例去控制哪个区域    		data:{//data属性存放的是el中所用到的数据    			name:'jay',    			age: 24,    			email:'jay@163.com'    		}    	})    </script></body></html>

3.页面效果
在这里插入图片描述
注意:以上部分只适合于初学者学习vue,真正的开发中一个vue.js是远远不够的!!!

转载地址:http://eao.baihongyu.com/

你可能感兴趣的文章
Mysql学习总结(68)——MYSQL统计每天、每周、每月、每年数据 SQL 总结
查看>>
Mysql学习总结(69)——Mysql EXPLAIN 命令使用总结
查看>>
Mysql学习总结(6)——MySql之ALTER命令用法详细解读
查看>>
Mysql学习总结(70)——MySQL 优化实施方案
查看>>
Mysql学习总结(71)——MySQL 重复记录查询与删除总结
查看>>
Mysql学习总结(71)——数据库介绍(MySQL安装 体系结构、基本管理)再回顾
查看>>
Mysql学习总结(72)——MySQL 开发者开发,设计规范再总结
查看>>
Mysql学习总结(73)——MySQL 查询A表存在B表不存在的数据SQL总结
查看>>
Mysql学习总结(74)——慢SQL!压垮团队的最后一根稻草!
查看>>
Mysql学习总结(75)——并发量大、数据量大的互联网业务数据库设计军规
查看>>
Mysql学习总结(76)——MySQL执行计划(explain)结果含义总结
查看>>
Mysql学习总结(77)——温故Mysql数据库开发核心原则与规范
查看>>
Mysql学习总结(78)——MySQL各版本差异整理
查看>>
Mysql学习总结(79)——MySQL常用函数总结
查看>>
Mysql学习总结(7)——MySql索引原理与使用大全
查看>>
Mysql学习总结(80)——统计数据库的总记录数和库中各个表的数据量
查看>>
Mysql学习总结(81)——为什么MySQL不推荐使用uuid或者雪花id作为主键?
查看>>
Mysql学习总结(82)——MySQL逻辑删除与数据库唯一性约束如何解决?
查看>>
Mysql学习总结(83)——常用的几种分布式锁:ZK分布式锁、Redis分布式锁、数据库分布式锁、基于JDK的分布式锁方案对比总结
查看>>
Mysql学习总结(84)—— Mysql的主从复制延迟问题总结
查看>>