博客
关于我
什么是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学习总结(21)——MySQL数据库常见面试题
查看>>
Mysql学习总结(22)——Mysql数据库中制作千万级测试表
查看>>
Mysql学习总结(23)——MySQL统计函数和分组查询
查看>>
Mysql学习总结(24)——MySQL多表查询合并结果和内连接查询
查看>>
Mysql学习总结(25)——MySQL外连接查询
查看>>
Mysql学习总结(26)——MySQL子查询
查看>>
Mysql学习总结(27)——Mysql数据库字符串函数
查看>>
Mysql学习总结(28)——MySQL建表规范与常见问题
查看>>
Mysql学习总结(29)——MySQL中CHAR和VARCHAR
查看>>
Mysql学习总结(2)——Mysql超详细Window安装教程
查看>>
Mysql学习总结(30)——MySQL 索引详解大全
查看>>
Mysql学习总结(31)——MySql使用建议,尽量避免这些问题
查看>>
Mysql学习总结(32)——MySQL分页技术详解
查看>>
Mysql学习总结(33)——阿里云centos配置MySQL主从复制
查看>>
Mysql学习总结(35)——Mysql两千万数据优化及迁移
查看>>
Mysql学习总结(36)——Mysql查询优化
查看>>
Mysql学习总结(37)——Mysql Limit 分页查询优化
查看>>
Mysql学习总结(38)——21条MySql性能优化经验
查看>>
Mysql学习总结(39)——49条MySql语句优化技巧
查看>>
Mysql学习总结(3)——MySql语句大全:创建、授权、查询、修改等
查看>>