Vue小白篇

Vue ?啥是Vue?能干嘛? vue 的介绍 Vue 是一套用于构建用户界面的 渐进式框架 ,与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。

Vue ?啥是Vue?能干嘛?

vue 的介绍

Vue 是一套用于构建用户界面的 渐进式框架 ,与其它大型框架不同的是,

Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层

前端三大框架

Vue: 尤雨溪 渐进式框架

angular:谷歌公司,学习 angular 得需要玩一下 Typescript

React: Facebook公司,里面的高阶函数特别多,对初学者不友好

Vue的引入和创建

1、下载

cdn 方式下载

<script src="https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.js"></script>

2、引包

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

3、实例化

<script>
// 2、实例化对象
new Vue({
el:'#app', //绑定根组件(地主家的那块地)

data(){ //data 要是一个函数,并返回一个函数
return{

msg: '黄瓜',  //数据属性 种子
person:{
name: 'wusir',
},
msg2: 'hello Vue', 
}
},

methods:{ //该组件中声明的方法

},

watch:{ // 该组件中监听的单个属性

},

computed:{ // 该组件中监听的多个属性

},
});
</script>
您可能有感兴趣的文章
vue入门介绍以及语法

学习Vue(一):vue的基本指令

Vue组件(.vue文件)

《vue新建篇》新建项目

Vue系列好代码教程(一)之初识Vue