博客
关于我
什么是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/

你可能感兴趣的文章
mysql5.7的安装和Navicat的安装
查看>>
MySQL8.0.29启动报错Different lower_case_table_names settings for server (‘0‘) and data dictionary (‘1‘)
查看>>
MySQL8修改密码报错ERROR 1819 (HY000): Your password does not satisfy the current policy requirements
查看>>
mysqlbinlog报错unknown variable ‘default-character-set=utf8mb4‘
查看>>
mysqldump 导出中文乱码
查看>>
mysqldump备份时忽略某些表
查看>>
mysqlreport分析工具详解
查看>>
MySQL一个表A中多个字段关联了表B的ID,如何关联查询?
查看>>
MYSQL一直显示正在启动
查看>>
MySQL一站到底!华为首发MySQL进阶宝典,基础+优化+源码+架构+实战五飞
查看>>
MySQL万字总结!超详细!
查看>>
Mysql下载以及安装(新手入门,超详细)
查看>>
mysql中cast() 和convert()的用法讲解
查看>>
mysql中floor函数的作用是什么?
查看>>
MySQL中group by 与 order by 一起使用排序问题
查看>>
mysql中having的用法
查看>>
mysql中int、bigint、smallint 和 tinyint的区别、char和varchar的区别详细介绍
查看>>
mysql中json_extract的使用方法
查看>>
mysql中null和空字符串的区别与问题!
查看>>
Mysql中varchar类型数字排序不对踩坑记录
查看>>