一、记录

闲下来，有点时间，看下 Vue.js。先从京东上看了下相关图书，找评论比较多的书看下先。

Vue.js 图书列表

《Vue.js 实战》 - 8000+ 评论
《Vue.js 权威指南》 - 3600+ 评论
《Vue.js 前端开发快速入门与专业应用》 - 2400+ 评论
《Vue2 实践揭秘》 - 1400+ 评论
《Vue 移动开发实战技巧》 - 2018年新书 - 290+ 评论
《JavaScript 核心技术开发解密》 - 2018年新书 - 书名没有 Vue
《Vue.js 项目开发实战》 - 2018年8月新书 - <50 评论

找了评论前 2 的书看了下目录，然后翻到官方教程看下，书先放下了。

二、官方教程

跟着教程，只看了第一个网页。

三、《Vue.js 实战》

第1章初识 Vue.js
第2章数据绑定和第一个 Vue 应用
第9章 9.1 什么是 Virtual DOM
第10章 10.1 前端工程化和 Webpack
第11章 11.1.1 什么是前端路由

四、附录 - Vue.js 图书评论数

书名	出版时间	作者	出版社	译者	主题	页数	定价	京东评论数	评论数采集日期
Vue.js实战	2017-10-01	梁灏	清华大学出版社	N/A	Vue	330	79	8033	2018-09-19
Vue.js权威指南	2016-09-01	张耀春，黄轶，王静，苏伟	电子工业出版社	N/A	Vue	？	99	3666	2018-09-19
Vue.js前端开发快速入门与专业应用	2017-01-01	陈陆扬	人民邮电出版社	N/A	Vue	196	45	2430	2018-09-19
Vue2实践揭秘	2017-04-01	梁睿坤	电子工业出版社	N/A	Vue	304	79	1477	2018-09-19
Vue移动开发实战技巧	2018-01-01	李利德	电子工业出版社	N/A	Vue	288	58	292	2018-09-19
JavaScript核心技术开发解密	2018-03-01	阳波	电子工业出版社	N/A	JavaScript	232	69	155	2018-09-19
Vue.js项目开发实战	2018-08-01	张帆	机械工业出版社	N/A	Vue	342	89	49	2018-09-19

五、附录 - 官方教程练习代码

<!DOCTYPE html>
<html>
<head><title>Vue, Hello World</title>
</head>
<body><div id="app">{{ message }}</div><div id="app-2"><span v-bind:title="message">鼠标悬停几秒钟查看此处动态绑定的提示信息！</span></div><div id="app-3"><p v-if="seen">Now, you see me!</p></div><div id="app-4"><ol><li v-for="todo in todos">{{ todo.text }}</li></ol></div><div id="app-5"><p>{{ message }}</p><button v-on:click="reverseMessage">逆转消息</button></div><div id="app-6"><p>{{ message }}</p><input v-model="message"></div><div id="app-7"><ol><todo-itemv-for="item in groceryList"v-bind:todo="item"v-bind:key="item.id"></todo-item></ol></div><!-- 生产环境版本，优化了尺寸和速度 -->
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<script type="text/javascript">var app = new Vue({el: '#app',data: {message: 'Hello Vue!'}})var app2 = new Vue({el: '#app-2',data: {message: '页面加载于 ' + new Date().toLocaleString()}})var app3 = new Vue({el: '#app-3',data: {seen: true}})var app4 = new Vue({el: '#app-4',data: {todos: [{ text: 'Renee is a assistant' },{ text: 'Sunny is a book editor' },{ text: 'I am a java programmer' }]}})var app5 = new Vue({el: '#app-5',data: {message: 'Hello Vue.js!'},methods: {reverseMessage: function () {this.message = this.message.split('').reverse().join('')}}})var app6 = new Vue({el: '#app-6',data: {message: 'Hello Renee!'}})Vue.component('todo-item', {props: ['todo'],template: '<li>{{ todo.text }}</li>'})var app7 = new Vue({el: '#app-7',data: {groceryList: [{ id: 0, text: 'phone' },{ id: 1, text: 'tv' },{ id: 2, text: 'pc' }]}})
</script>
</body>
</html>

【读书笔记】Vue.js 初次接触相关推荐

（Python入门）学习笔记一，初次接触尝试使用Python——环境搭建与配置
(Python入门)学习笔记一,初次接触尝试使用Python 早就耳闻Python大名,搞大数据.做人工智能.整机器学习,就得了解Python.之前一直没有去了解,现在由于之前一个项目涉及到一点Pyt ...
使用Vue.js初次真正项目开发-2018/07/14
一.组件化使用Vue.js进行开发,按照MVVM模式,围绕数据为核心,进行开发. 开发过程根据业务和功能组件化,组件化一方面让我们开发思路更加清晰,另一方面对于数据的处理和控制变得更加简单,毕竟一个 ...
读书笔记-你不知道的js(上卷）
你不知道的js 该书不是全面的讲解,这本书可以作为扫过基础知识后的提升和补充. 作者站在js原生语言的角度(而不是站在js营销的角度,营销使得js扭曲本身的含义去迎合其他语言的理解和使用习惯)去从新定 ...
读书笔记-你不知道的JS上-词法作用域
JS引擎编译与执行 Javascript引擎会在词法分析和代码生成阶段对运行性能进行优化,包含对冗余元素进行优化(例如对语句在不影响结果的情况下进行重新组合). 对于Javascript来说,大部分 ...
ES6读书笔记--对js对象爱的深沉
1.尾调用优化允许某些函数的调用被优化,以保持更小的调用栈.使用更少的内存,并防止堆栈溢出.当能进行安全优化时,它会由引擎自动应用.不过你可以考虑重写递归函数,以便能够利用这种优化 // 尾调用 ...
个人笔记 Vue.js, Framework7, and Cordova / PhoneGap Template with Babel, Webpack and Hot Reloading...
为什么80%的码农都做不了架构师?>>> 模板创建项目模板地址更新package.json中的dependencies依赖到最新版本当新建一个项目的时候,从其他项目的pa ...
读书笔记-你不知道的JS上-混入与原型
继承 mixin混合继承 function mixin(obj1, obj2) {for (var key in obj2) {//重复不复制if (!(key in obj1)) {obj1[key ...
Vue.js笔记(一)
Vue.js笔记(一) 读书笔记 Vue.js介绍内容概要 1.1 站在巨人的肩膀上 1.1.1 MVC模式 1.1.2 MVVM模式 2.1.3 异步执行脚本 2.1.4 动态加载脚本 2.2 行 ...
Vue.js的章节记录笔记(详细)
笔记 Vue.js的概念下面是MVC和MVVM的关系图解 vue.js的组件化思想是什么? 注册组件的基本步骤父组件和子组件注册组件语法糖模板的分离写法组件可以访问Vue实例数据吗为什么组 ...
Vue.js学习系列七——Vue服务器渲染Nuxt学习
我又回来啦~这次我们来学习Vue的服务器渲染SSR. 关于SSR的文章网上很多,一开始看得我云里雾里.然后去Vue.js 服务器渲染指南和nuxt官网看了看,发现文章大多都是搬运官网的内容,真正讲的清 ...

【读书笔记】Vue.js 初次接触

一、记录

二、官方教程

三、《Vue.js 实战》

四、附录 - Vue.js 图书评论数

五、附录 - 官方教程练习代码

【读书笔记】Vue.js 初次接触相关推荐

最新文章

热门文章