Vue.js
前端工程实践之vue.js组件库学习笔记。
DrCrypto
这个作者很懒,什么都没留下…
展开
-
Vue架构概览
Time: 20190910原创 2019-09-10 20:12:09 · 932 阅读 · 0 评论 -
Vue使用初探
Time: 20190911前文提到了大前端的概念,现在的Web应用程序,逻辑变得更加复杂, 用户交互更加丰富。前端开发不使用框架,最终项目会变成一个不可维护的代码。除了核心的vue框架外,还有几个官方实现的库,全方位覆盖了Vue项目开发需要用到的核心功能。如:vue-router用于路由控制,vuex用于状态管理,vue-test-utils用于组件的单元测试。这三个核心库,会在后续陆续...原创 2019-09-11 16:56:22 · 238 阅读 · 0 评论 -
Vue模板,数据和指令
模板,数据和指令三者的英文名称也有必要列举一下:模板: Template数据:Data指令:Directive在学习Vue的概念框架时,要时刻回想到Vue的核心是什么。Vue的核心是将数据显示到页面上。为达到这一目的,我们使用模板来实现。而为普通的HTML添加特殊属性,则需要借助指令来完成。指令非常强大,可以用它来告诉Vue要实现的效果以及如何处理提供给Vue的数据。下...原创 2019-09-11 18:20:01 · 447 阅读 · 0 评论 -
Vue在HTML模板中插入JS数据
Time: 20190911插值方式传递数据即在HTML中用{{ xxx }}插入在JS中定义的数据。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-widt...原创 2019-09-11 18:22:04 · 2907 阅读 · 0 评论 -
Vue之v-if, v-else, v-show, v-for, v-bind
v-if + v-else配合使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <me...原创 2019-09-11 18:22:50 · 468 阅读 · 0 评论 -
Vue响应式编程
Time: 20190911到本篇文章为止,我们在前面的文章中学习了如何将JS中的数据传到HTML模板中,最终转化为DOM在浏览器显示。Vue在这个过程中扮演了怎样的角色呢?Vue会时刻监视着data对象的变化。下面看一个例子:<!DOCTYPE html><html lang="en"><head> <meta charset="UT...原创 2019-09-11 18:49:18 · 1664 阅读 · 0 评论 -
Vue之数据的双向绑定
Time: 20190911非双向绑定案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &...原创 2019-09-12 00:03:52 · 378 阅读 · 0 评论 -
动态设置HTML:v-html
Time: 20190912即:通过表达式设置某个元素的HTML。需要注意:只用v-html处理可信任的数据,且不要允许用户输入的数据。所谓动态设置HMTL指的是,直接将数据以HTML的形式显示在页面上,不做任何转义。使用方式<div v-html="html内容"></div>END....原创 2019-09-12 00:16:09 · 1963 阅读 · 1 评论