VUE
VUE
seven豆
以梦为马,重新出发....
展开
-
Vue知识点梳理-思维导图
Vue知识点梳理-思维导图0.MVC 与MVVM的区别1.Vue基本代码结构2. Vue指令3. Vue组件4.class和style动态绑定5.computed 计算属性6.EventBus7.filter过滤器方法Vue是一套构建用户界面的框架,只关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合。(Vue有配套的第三方类库,可以整合起来做大型项目的开发)0.MVC 与MVVM的区别MVC 是后端的分层开发概念;MVVM是前端视图层的概念,主要关注于 视图层分离。MVVM把前端的视图原创 2020-08-24 13:08:37 · 1334 阅读 · 1 评论 -
vue模板语法
vue模板语法1、Vue,渐进式Javascript框架。2、Vue模板语法3、Vue模板语法,什么是指令?4、Vue模板语法,v-cloak指令用法。5、Vue模板语法,v-text、v-html、v-pre数据绑定指令用法。6、Vue模板语法,数据响应式。7、Vue模板语法,双向数据绑定。8、Vue模板语法,事件绑定。9、简单相加计算器。10、Vue模板语法,属性绑定。11、Vue模板语法,样式绑定。12、Vue模板语法,分支循环结构。13、Tab选项卡。1、Vue,渐进式Javascript框架。转载 2020-08-10 19:05:14 · 312 阅读 · 0 评论 -
vue的生命周期
vue的生命周期一、vue的生命周期是什么二、vue生命周期的在项目中的执行顺序三、vue中内置的方法 属性和vue生命周期的运行顺序(methods、computed、data、watch、props)四、自己构造的方法与vue生命周期的运行顺序 如show这些一、vue的生命周期是什么vue每个组件都是独立的,每个组件都有一个属于它的生命周期,从一个组件创建、数据初始化、挂载、更新、销毁,这就是一个组件所谓的生命周期。在组件中具体的方法有:创建前: beforeCreate创建: creat转载 2020-08-10 18:44:05 · 457 阅读 · 0 评论 -
vue常用指令介绍
1. v-textv-text主要用来更新textContent,可以等同于JS的text属性。<span v-text="msg"></span>这两者等价:<span>{{msg}}</span>2. v-html双大括号的方式会将数据解释为纯文本,而非HTML。为了输出真正的HTML,可以用v-html指令。它等同于JS的innerHtml属性。<div v-html="rawHtml"></div>这个di转载 2020-08-10 18:15:24 · 200 阅读 · 0 评论 -
Vue 的底层实现原理
Vue 的底层实现原理1. 写在前面2.实现原理概述2.1Observer2.2 Watcher2.3 Compile1. 写在前面Vue是一个典型的MVVM框架,模型(Model)只是普通的JavaScript对象,修改它则视图(View)会自动更新。这种设计让状态管理变得非常简单而直观。那么Vue是如何把模型和视图建立起关联的呢?2.实现原理概述一段典型的体现了Vue特点的代码:<div id="mvvm-app"> <input type="text" v-mod转载 2020-08-05 16:29:34 · 1480 阅读 · 0 评论 -
vue-cli 两种创建项目的方法
这里写目录标题0. 依赖安装0. 依赖安装根据vue官方文档说明,首先得安装node.js,因为vue依赖于node的npm的管理工具来实现第一步,先安装node.js:下载好node.js后点击安装,一路下一步就行,如果中途出现错误信息2503或2502的一般情况下(我遇到的情况)是因为权限不足,需要以管理员的身份打开CMD....原创 2020-07-03 21:37:11 · 2474 阅读 · 1 评论 -
VUE的核心思想
VUE的核心思想0. vue是什么?0.1 什么是框架:0.2 什么是渐进式:1.vue的核心思想1.1 数据驱动1.2 组件化0. vue是什么?Vue.js是一个提供MVVM数据双向绑定的库,专注于UI层面,(视图框架)Vue.js(读音 /vjuː/,类似于 view) 是一套构建用户界面的渐进式框架。0.1 什么是框架:框架(Framework)是整个或部分系统的可重用设计,表现为一组抽象构件及构件实例间交互的方法;另一种定义认为,框架是可被应用开发者定制的应用骨架。简单说:就是某种应原创 2020-07-02 19:35:37 · 2474 阅读 · 1 评论