Vue简介
百度百科上关于vue的词条，说vue时一款渐进式JavaScript框架，
简单来说,渐进式是一种设计理念,即在不失去当前功能的前提下,逐步添加新的特性。
说明它时一直在进行维护的。
Vue3，中使用*.vue作为文件后缀，html，css和js都可以写在这个文件中
- Vue官方文档
- Vue官方Api
Vue特性
这两天进行了简单的基础学习，对它的特性有了一个浅显的入门的了解
- 声明式的元素使用，可以在html中使用类似
JSP中的EL表达式，在js中声明变量，在页面直接使用{{ 元素名 }}的形式引用- 组件化的开发，可以将页面内容进行封装成为组件，在其他的组件中进行引用，从而减少重复造轮子。
- 其他特性，对于有些开发经验的同学，这些式需要特殊关注的。
Vue学习路径
- 学习前端开发所必须的知识：html，css，js
- 学习vue的核心概念：组件、指令、数据绑定、机算属性
- 学习Vue的生命周期、钩子、事件
- 掌握Vue的路由和状态管理库
- 学习Vue如何与后端服务器进行通信，如
ajax - 在实际开发中不断使用Vue和实践开发
创建一个Vue组件可以包含
data(){}- 进行数据初始化，将需要展示的元素，在data中进行returnmounted(){}- 页面进行渲染的时候的会执行的代码块method():{}- 进行方法声明，可以添加参数computed:{}- 使用方法的形式，添加一个属性计算的方法，在使用的时候使用方法名进行取值，使用computed的方式（计算属性）进行赋值的时候，会保存一个缓存值。方便大对象的使用。不会频繁调用。提高效率。只有当依赖的元素发生改变的时候才会更新缓存。提供get、set方法会在模型改变后立即更新。文章来源：https://www.toymoban.com/news/detail-601796.html
声明式变量使用
- 使用
{{ msg }}的方式进行变量绑定（在html文本中） - 使用
v-bind:id="dynamicId"的在html元素上进行变量绑定，简写为:id="dynamicId"在进行元素绑定的时候可以使用表达式进行简单计算，表达式需要是能够写在js定义方法时，写在
return后的内容
除了表达式，还可以调用函数，前提是函数有返回值文章来源地址https://www.toymoban.com/news/detail-601796.html
常用指令
-
v-text,更新文本内容 -
v-html,更新元素的innerHTML -
v-show，根据表达式的值来判断是否渲染某个元素 -
v-if,v-else,v-else-if作用类似于if代码块 -
v-for,进行列表渲染，<div v-for="item in items"> -
v-on,给元素绑定事件，可以加修饰符 -
v-bind,绑定元素属性 -
v-model,表单元素和组件内容的双向绑定，可以收集表单内容向后端传递 -
v-prop、v-slot用来在组件之间传递和接收数据 -
v-pre元素内容原样输出
到了这里，关于前端框架学习-Vue（一）的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
