Vue
文章平均质量分 88
vue
南栀~zmt
新手小白
展开
-
虚拟dom
虚拟DOM原创 2022-03-28 09:54:20 · 877 阅读 · 0 评论 -
MVVM、MVC
文章目录MVC(Model View Controller)南栀的MVVM博客MVC(Model View Controller)MVC模型代表Model View Controller (模型-视图-控制器)模式。这种模型用于应用程序的分层开发。Model(模型):模型代表一个存取数据的对象或者JAVA POJO。它也可以带有逻辑,在数据变化时更新控制器。View(视图):View视图是指用户看到并与之交互的界面。比如由html元素组成的网页界面,或者软件的客户端界面。MVC的好处之一在于它原创 2022-03-22 16:57:29 · 329 阅读 · 0 评论 -
React和Vue的区别
react与vue的区别原创 2022-03-28 16:49:25 · 9082 阅读 · 1 评论 -
【Vue】Vue路由(vue-router)
vue路由跳转原创 2022-02-23 21:02:59 · 962 阅读 · 2 评论 -
【Vue】Vue生命周期及其钩子函数
vue生命周期及其钩子函数2.0原创 2022-02-22 12:51:06 · 325 阅读 · 0 评论 -
【Vue】Vue组件间通信的方式
组件通信方式一:props $emit方式二:eventBus方式 $emit $on方式三:$attrs $listeners方式四:provide inject方式一:props $emitprops $emit:父组件A–>子组件B:通过props的方式子组件B–>父组件A: 通过在 B 组件中 $emit, A 组件中 v-on 的方式实现。父组件向子组件传值:父组件中调用子组件 给子组件的绑定的属性名赋予父组件的data、computed中的值。子组原创 2022-02-17 14:43:44 · 613 阅读 · 0 评论 -
【Vue】Vue脚手架(vue-cli)环境搭建和应用示例
文章目录Vue脚手架创建vue项目的步骤项目结构解析Vue脚手架应用示例基本分析创建自己的第一个vue-cli项目界面实现组件嵌套Vue组件CSS域多个组件嵌套Vue脚手架vue脚手架指的是vue-cli它是vue官方提供的一个快速构建单页面(SPA)环境配置的工具,cli 就是(command-line-interface ) 命令行界面。创建vue项目的步骤(仅第一次创建Vue项目时执行):全局安装@vue/cli npm install -g @vue/cli切换到要创建项目的目录,原创 2022-02-13 21:27:17 · 812 阅读 · 0 评论 -
【Vue】Vue数据及事件绑定
文章目录1. 数据绑定1.1 单向绑定1.1.1 插值绑定1.1.2 v-bind绑定1.2 双向绑定2. 事件绑定与监听2.1 方法及内联处理器2.2 修饰符事件修饰符键值修饰符1. 数据绑定1.1 单向绑定把Model绑定到View后,当用JavaScript代码更新Model时,View会自动更新。因此,我们不需要进行额外的DOM操作,只需要进行Model操作就可以实现视图的联动更新。单向绑定的实现过程是:所有数据只保存一份一旦数据变化,就去更新页面(只有data–>DOM,没有D原创 2022-02-13 19:20:41 · 1369 阅读 · 0 评论 -
【Vue】vue.js中组件的使用
文章目录组件创建全局组件创建局部组件组件中的data和methods组件组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素, 封装可重用的代码。在较高层面上,组件是自定义元素,Vue.js 的编译器为它添加特 殊功能。创建全局组件方式一:Vue.extend({}),Vue.component()创建组件:使用Vue.extend({})var com1 = Vue.extend({ template: `<h2>这是用V原创 2022-02-10 21:47:35 · 1258 阅读 · 0 评论 -
【Vue】Vue的过滤器(filter)
文章目录filter概述全局过滤器局部过滤器filter概述过滤器的兼容性:过滤器仅在 vue 2.x 和 1.x 中受支持,在 vue 3.x 的版本中剔除了过滤器相关的功能。在企业级项目开发中:如果使用的是 2.x 版本的 vue,则依然可以使用过滤器相关的功能如果项目已经升级到了 3.x 版本的 vue,官方建议使用计算属性或方法代替被剔除的过滤器功能过滤器主要用于文本的格式化,或者数组数据的过滤与排序等。使用时通过管道符( | )添加到表达式的尾部 使用。注册过滤器:全局原创 2022-02-10 20:41:34 · 2594 阅读 · 0 评论 -
【Vue】class和style的绑定
文章目录classstyle在vue中可以使用[v-bind]指令绑定class与styleclass可以传给 v-bind:class 一个对象,以动态地切换 class<style> .divColor{ width: 100px; height: 100px; background-color: red; }</style><div id="root" v-bind:class="{divCo原创 2022-02-10 20:22:32 · 774 阅读 · 0 评论 -
【Vue】Vue常用属性、三种模板总结
文章目录常用属性`el``data``methods``computed`计算属性`watch`侦听器三种模板html模板字符串模板render函数模板Vue.js是通过newVue({…})来声明一个实例的。实例中包含了当前页面的HTML结构、数据、事件。在实例中可以传入一个选项对象,包含数据、模板、挂载元素、方法、生命周期钩子函数等选项。注: 本篇文章的例子在此基础上进行更新添加。<!-- 非组件化的开发方式 需要引入vue的js文件 --><!DOCTYPE htm原创 2022-02-10 17:58:10 · 1185 阅读 · 0 评论 -
【Vue】Vue指令
Vue指令v-showv-htmlv-textv-if、v-elsev-forv-bindv-on引入vue.jshtml展示:<div id="app"> <p>{{msg}}</p> <p>{{ 80+2 }}</p> <p>{{ 20>30 }}</p></div>创建Vue对象:<script> new Vue({ el:原创 2021-11-19 16:30:56 · 150 阅读 · 0 评论 -
【Vue】MVVM、Vue简介
文章目录MVVM简介MVVM简介原创 2021-11-19 10:59:12 · 804 阅读 · 2 评论