作者：那朵逆风的蔷薇_708 | 来源：互联网 | 2023-08-21 08:33
基础概念理解：（*）1.什么是Vue？Vue是一套构建用户界面的渐进式框架。2.如何理解渐进式我对渐进式的理解其实就两个字：自由。当我们要用Angular框架时要知道它是强主张的，
基础概念理解：（*）
1. 什么是Vue？
Vue是一套构建用户界面的渐进式框架。
2. 如何理解渐进式
我对渐进式的理解其实就两个字：自由。
当我们要用Angular框架时要知道它是强主张的，必须要遵循以下三条规则：
而React的主张主要是函数式编程的理念，比如说，你需要知道什么是副作用，什么是纯函数，如何隔离副作用。它的侵入性看似没有Angular那么强，主要因为它是软性侵入。
但是Vue就比较自由了你想把你的页面分的更加具体，分成更小的可控单元，那就用组件系统其他可以不用，当然声明式渲染我们还是得用的，应为我们都希望DOM的更新是自动的，而非手动去更新的。
这也就是Vue现在这么受欢迎的原因之一吧！
如何理解自底向上的开发模式
我的理解就是比如我们先写一个基础的页面，把基础的东西写好，再逐一去添加功能和效果，由简单到繁琐的这么一个过程。
声明式渲染和命令式渲染
我们来看个小例子，可能就更加理解声明式和命令式
输出的结果其实是相同的
谈谈对生命周期的理解
我们在官网会看到这么一张图，但根本就看不懂的人占很大一部分，但对生命周期的理解还是很重要的。
这张图就可以更好的诠释生命周期了
Vue的Vue命令及简单操作
简单操作
首先我们要进行一个Vue首先先下载并引入Vue.js，其次准备一个装模板的HTNL标签，所有Vue模板都在这个标签里写。
然后是new一个Vue实例，写入基本的Vue结构
当然这些只是一小部分，不太完全，这个因项目而异，有时也不必写这么多，用哪个写那个就好。这就是Vue的基本结构，里边具体内容还是要根据项目不同去添加。
Vue 命令简介
v-on:事件 = &＃8220;事件名称&＃8221; 或者 @事件 = &＃8220;事件名称&＃8221; //绑定事件
例如：
// 这里是个点击事件，而change是事件名称
v-bink:自定义属性 = &＃8220;属性名称&＃8221; 或者 :自定义属性 = &＃8220;属性名称&＃8221; // 动态绑定属性
例如：
//这里就绑定了一个名叫hello的属性
v-if = &＃8220;判断条件&＃8221; // if判断
例如：
//判断name是不是等于Vue
v-for = &＃8220;(参数1，参数2) in 数组&＃8221; // 遍历数组
例如：
- //第一个参数是内容，第二个是序号
{{index}}-{{text}}
var vm = new Vue({
el:"#app",
data:{
list:[
"A","B","C"
]
}
})
当然Vue不止这些命令还有很多这里就不一一说明了，大家可以去官方查看更多https://cn.vuejs.org/v2/guide/
京公网安备 11010802041100号