网站开发制作费用,网站建设与管理 宋一兵,WordPress自定义icon,网站策划主题Vue简介 百度百科上关于vue的词条#xff0c;说vue时一款渐进式JavaScript框架#xff0c; 简单来说,渐进式是一种设计理念,即在不失去当前功能的前提下,逐步添加新的特性。 说明它时一直在进行维护的。 Vue3#xff0c;中使用*.vue作为文件后缀#xff0c;html#xff0c…Vue简介 百度百科上关于vue的词条说vue时一款渐进式JavaScript框架 简单来说,渐进式是一种设计理念,即在不失去当前功能的前提下,逐步添加新的特性。 说明它时一直在进行维护的。 Vue3中使用*.vue作为文件后缀htmlcss和js都可以写在这个文件中 Vue官方文档Vue官方Api Vue特性 这两天进行了简单的基础学习对它的特性有了一个浅显的入门的了解 声明式的元素使用可以在html中使用类似JSP中的EL表达式在js中声明变量在页面直接使用{{ 元素名 }}的形式引用组件化的开发可以将页面内容进行封装成为组件在其他的组件中进行引用从而减少重复造轮子。其他特性对于有些开发经验的同学这些式需要特殊关注的。 Vue学习路径
学习前端开发所必须的知识htmlcssjs学习vue的核心概念组件、指令、数据绑定、机算属性学习Vue的生命周期、钩子、事件掌握Vue的路由和状态管理库学习Vue如何与后端服务器进行通信如ajax在实际开发中不断使用Vue和实践开发
创建一个Vue组件可以包含
data(){}- 进行数据初始化将需要展示的元素在data中进行return mounted(){}- 页面进行渲染的时候的会执行的代码块 method():{}- 进行方法声明可以添加参数 computed:{}- 使用方法的形式添加一个属性计算的方法在使用的时候使用方法名进行取值使用computed的方式计算属性进行赋值的时候会保存一个缓存值。方便大对象的使用。不会频繁调用。提高效率。只有当依赖的元素发生改变的时候才会更新缓存。提供get、set方法会在模型改变后立即更新。
声明式变量使用
使用{{ msg }}的方式进行变量绑定在html文本中使用v-bind:iddynamicId的在html元素上进行变量绑定简写为:iddynamicId 在进行元素绑定的时候可以使用表达式进行简单计算表达式需要是能够写在js定义方法时写在return后的内容 除了表达式还可以调用函数前提是函数有返回值
常用指令
v-text,更新文本内容v-html,更新元素的innerHTMLv-show根据表达式的值来判断是否渲染某个元素v-if,v-else,v-else-if作用类似于if代码块v-for,进行列表渲染div v-foritem in itemsv-on,给元素绑定事件可以加修饰符v-bind,绑定元素属性v-model,表单元素和组件内容的双向绑定可以收集表单内容向后端传递v-prop、v-slot用来在组件之间传递和接收数据v-pre元素内容原样输出
