Vue的学习之路

Posted pymu

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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学习之路 - 4.基本操作(下)

Vue学习之路(基础篇)

vue学习之路 - 1.初步感知

vue学习之路二 初步接触vue-router

vue学习之路一:安装vue-element-admin项目

Vue学习之路1-集成环境安装