摘要: #### 2.2 HelloWorld > 作用:将数据应用在html页面中 1. body中,设置Vue管理的视图<div id="app"></div> 2. 引入vue.js 3. 实例化Vue对象 new Vue(); 4. 设置Vue实例的选项:如el、data... new Vue({选 阅读全文
posted @ 2022-07-29 22:30 前端导师歌谣 阅读(46) 评论(0) 推荐(0)
摘要: 1. 直接下载源码然后通过路径引入 - 开发版本:https://vuejs.org/js/vue.js - 生产版本:https://vuejs.org/js/vue.min.js 2. CDN ```js <script src="https://cdn.jsdelivr.net/npm/vue 阅读全文
posted @ 2022-07-29 22:30 前端导师歌谣 阅读(56) 评论(0) 推荐(0)
摘要: #### 1.5 一些链接 [Vue官方文档](https://cn.vuejs.org/) [Vue开源项目汇总](https://github.com/opendigg/awesome-github-vue) [Vue.js中文社区](https://www.vue-js.com/) 阅读全文
posted @ 2022-07-29 22:30 前端导师歌谣 阅读(38) 评论(0) 推荐(0)
摘要: #### 1.4 核心特性 - 双向数据绑定 - vue(借鉴了react的虚拟DOM,借鉴了angular双向数据绑定) - 通过 **指令** 扩展了 HTML,通过 **表达式** 绑定数据到 HTML - 解耦视图与数据 - 可复用**组件** - 虚拟DOM - M-V-VM - 数据驱动 阅读全文
posted @ 2022-07-29 22:30 前端导师歌谣 阅读(25) 评论(0) 推荐(0)
摘要: #### 1.3 Vue 能做什么 - 最大程度上解放了 DOM 操作 - 单页web项目(SinglePageApplication项目,例如[Worktile官网](https://worktile.com/))开发 - 传统网站开发 阅读全文
posted @ 2022-07-29 22:30 前端导师歌谣 阅读(85) 评论(0) 推荐(0)
摘要: #### 1.2 为什么要学习 Vue 传统开发模式: JQuery+RequireJS/SeaJS+artTemplate+Gulp/Grunt 随着项目业务场景的复杂,传统模式已无法满足需求 就出现了Angular/React/Vue等框架 - 企业需求 - 主流框架之一(React Angul 阅读全文
posted @ 2022-07-29 22:30 前端导师歌谣 阅读(20) 评论(0) 推荐(0)
摘要: #### 1.1 Vue是什么 > Vue.JS是优秀的前端 JavaScript 框架 > > react/angular/vue 库和框架的区别: - 库(如jQuery) 库是工具. 提供大量API,体现了封装的思想、需要自己调用这些API - 框架 框架提供了一套完整解决方案, 使用者要按照 阅读全文
posted @ 2022-07-29 22:30 前端导师歌谣 阅读(16) 评论(0) 推荐(0)
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文
posted @ 2022-07-29 22:30 前端导师歌谣 阅读(26) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2022-07-29 22:29 前端导师歌谣 阅读(27) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2022-07-29 22:29 前端导师歌谣 阅读(43) 评论(0) 推荐(0)