前言

随着编程技术的不断发展，前端开发也越来越重要，很多人都开启了前端的学习，本文就介绍了前端开发的框架之一vue.js的基础内容。

一、Vue.js是什么？

vue.js是一个框架，目前来说是比较火的框架， Vue.js 是前端的主流框架之一，和Angular.js、React.js 一起，并成为前端三大主流框架！Vue.js 是一套构建用户界面的框架，只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。（Vue有配套的第三方类库，可以整合起来做大型项目的开发）

前端的主要工作？主要负责MVC中的V这一层；主要工作就是和界面打交道，来制作前端页面效果；

二、为什么要学习流行框架？

1.企业中

企业为了提高开发效率：在企业中，时间就是效率，效率就是金钱；

企业中，使用框架，能够提高开发的效率；

1.如何使用vue.js框架？

在script中引用一个vue.js插件就行

   <script src="../../js/vue-2.4.0.js"></script>

2.那vue.js的基本结构是什么呢？

代码如下（示例）：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><script type="text/javascript" src="../js/vue.js"></script>
</head>
<body>
<div id="x"><p>{{m1}}</p>
</div>
<script type="text/javascript">var m =new Vue({el:'#x',data: {m1: '这是第一个vue.js'},methods: {}}})
</script>
</body>
</html>

该处引用了一个vue.js插件，创建了一个vue的对象m，
vue中el:’#x’的对应html中的div的id，你可以将定义的常量，变量等数据放入data中，div中如何引用数据呢,直接{{}}就行;

总结

今天是学习vue.js的第一天，总体来说vue.js够简洁，
很多东西直接调用就行，比较容易上手吧，明天继续加油！！

Vue.js是什么？相关推荐

Vue.js 源码目录设计（二）
Vue.js 的源码都在 src 目录下,其目录结构如下. src ├── compiler # 编译相关 ├── core # 核心代码 ├── platforms # 不同平台的支持 ├── se ...
【转】Vue.js 2.0 快速上手精华梳理
Vue.js 2.0 快速上手精华梳理 Sandy 发掘代码技巧:公众号:daimajiqiao 自从Vue2.0发布后,Vue就成了前端领域的热门话题,github也突破了三万的star,那么对于新 ...
vue.js安装过程(npm安装)
一.开发环境 vue推荐开发环境: Node.js: JavaScript运行环境(runtime),不同系统直接运行各种编程语言 npm: Nodejs下的包管理器. webpack: 它主要的用途 ...
laravel ajax vue6,详解用vue.js和laravel实现微信支付
注:此项是微信公众号开发,请在往下看之前,先实现网页微信授权登陆功能,具体参看我简书的另一篇文章:https://www.jb51.net/article/117004.htm 1.打开app/con ...
js去掉前后空格的函数_2020年最火爆的Vue.js面试题
2020年Vue面试题 Interview ●●●● 作者:@烦恼会解决烦恼 vue核心知识--理论篇 1.对于Vue是一套渐进式框架的理解渐进式代表的含义是:主张最少. Vue可能有些方面是不如R ...
【说人话】真正意义上讲清楚了如何用$emit()在Vue.js的自定义组件中实现v-model=“”双向绑定
子组件sg-component.vue代码 <template><div class="sg-component"><button @click=&q ...
Vue.js双向绑定的实现原理
Vue.js 最核心的功能有两个,一是响应式的数据绑定系统,二是组件系统.本文仅探究双向绑定是怎样实现的.先讲涉及的知识点,再用简化得不能再简化的代码实现一个简单的 hello world 示例. 一 ...
Vue.js学习系列（四十二）-- Vue.js组件
2019独角兽企业重金招聘Python工程师标准>>> 组件(Component)是Vue.js最强大的功能之一.组件可以扩展HTML元素,封装可重用的代码.组件系统让我们可以用独立 ...
为什么vue.js一眼看上去很美?
对其他框架我是佩服,对vue.js我则是爱.我就是一眼看上了vue.js,于是用它做各种东西,反反复复多次,然后觉得有些融会贯通,然后,我稍微细的思量了下,到底vue.js靓丽在哪? 还是上案例对比说 ...
Vue.js slots: 为什么你需要它们？
也许你已经看过了Vue.js slots的文档.我对这个功能从"为什么你可能需要它"到"没有它我怎么可能工作"的态度转变非常快. 虽然文档已经解释了它的概念,但 ...

Vue.js是什么？

文章目录

前言

一、Vue.js是什么？

二、为什么要学习流行框架？

1.企业中

1.如何使用vue.js框架？

2.那vue.js的基本结构是什么呢？

总结

Vue.js是什么？相关推荐

最新文章

热门文章

Vue.js是什么？

文章目录

前言

一、Vue.js是什么？

二、 为什么要学习流行框架？

1.企业中

1.如何使用vue.js框架？

2.那vue.js的基本结构是什么呢？

总结

Vue.js是什么？相关推荐

最新文章

热门文章

二、为什么要学习流行框架？