Vue.js
关注
分享
扫一扫
前端工程实践之vue.js组件库学习笔记。
DrCrypto
这个作者很懒，什么都没留下…
展开
-
Vue架构概览
Time: 20190910原创 2019-09-10 20:12:09 · 971 阅读 · 0 评论 -
Vue使用初探
Time: 20190911 前文提到了大前端的概念，现在的Web应用程序，逻辑变得更加复杂， 用户交互更加丰富。前端开发不使用框架，最终项目会变成一个不可维护的代码。 除了核心的vue框架外，还有几个官方实现的库，全方位覆盖了Vue项目开发需要用到的核心功能。 如：vue-router用于路由控制，vuex用于状态管理，vue-test-utils用于组件的单元测试。 这三个核心库，会在后续陆续...原创 2019-09-11 16:56:22 · 256 阅读 · 0 评论 -
Vue模板，数据和指令
模板，数据和指令 三者的英文名称也有必要列举一下： 模板： Template 数据：Data 指令：Directive 在学习Vue的概念框架时，要时刻回想到Vue的核心是什么。 Vue的核心是将数据显示到页面上。 为达到这一目的，我们使用模板来实现。 而为普通的HTML添加特殊属性，则需要借助指令来完成。 指令非常强大，可以用它来告诉Vue要实现的效果以及如何处理提供给Vue的数据。 下...原创 2019-09-11 18:20:01 · 477 阅读 · 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 · 2940 阅读 · 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 · 499 阅读 · 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 · 1689 阅读 · 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 · 396 阅读 · 0 评论 -
动态设置HTML：v-html
Time: 20190912 即：通过表达式设置某个元素的HTML。 需要注意：只用v-html处理可信任的数据，且不要允许用户输入的数据。 所谓动态设置HMTL指的是，直接将数据以HTML的形式显示在页面上，不做任何转义。 使用方式 <div v-html="html内容"></div> END. ...原创 2019-09-12 00:16:09 · 2002 阅读 · 1 评论