随笔分类 - Vue.js
摘要：npm install stylus --save npm install stylus-loader --save 移动端一般采用rem布局方式 Header组件里iconfont的使用和代码优化：在src/assets/styles目录下新建一个iconfont文件夹，把iconfont.css
阅读全文
摘要：1. <meta>补充 2. 添加reset.css：重置页面样式表 3.添加border.css：1px物理边框的实现 在main.js入口文件中添加 4.引入fastclick库：解决移动端300毫秒点击延迟 把fastclick这个包安装到项目的依赖之中，--save表示开发与上线都需要 np
阅读全文
摘要：之前Vue的官网上对于vue-cli脚手架搭建环境是这样的几步： 之前通过这几步顺利地配置好了vue的开发环境，可是最近通过这几步操作时命令行频繁报错，在网上搜了不少解释，可是终究没有解决自己遇到的问题，便自己逐步摸索，终于找到了答案，这只是自己的猜想，但是亲测有效，解决了开发过程中命令行报错的问题
阅读全文
摘要：Vue项目碰到“'webpack-dev-server'不是内部或外部命令，也不是可运行的程序或批处理文件”报错
阅读全文
摘要：多页面应用 每一次页面跳转，后端都会返回一个新的HTML文件， 优点：首屏时间快（只经历了一个HTTP请求），SEO效果好 缺点：页面切换慢 单页面应用 进行页面之间跳转时，并不去加载HTML文件，而是通过JS动态地把当前的内容删除掉，再去把新的页面结构上的DOM元素渲染出来。当页面做跳转时，不需要
阅读全文
摘要：1 2 3 4 5 6 7 8 todolist 9 10 11 12 13 14 15 提交 16 17 18 {{item}} --> 19 20 21 ...
阅读全文
摘要：Vue MVVM设计模式： 在使用vue进行编程时，不会再涉及到DOM的操作，取而代之的是修改数据层，当把数据进行变更的时候，vue之中它的底层会自动的根据数据的不同帮助我们去重新渲染页面。 编码时不需要关注VM层是如何实现的，它是vue内置的，只需要关注M层（模型层）和V层（视图层）。 使用MVV
阅读全文
摘要：Vue.js不支持IE8及以下的版本，因为vue使用了IE8无法模拟的ECMAScript5的特性，它支持所有兼容ECMAScript5的浏览器。
阅读全文
摘要：其它前端主流框架可以做的事，Vue.js几乎都可以做， nuxt框架：可以实现vue的服务器端渲染， weex：使用vue语法编写原生app。 基础内容 去哪儿网项目实战 项目实现的功能： 做完项目的收获：
阅读全文
摘要：1. npm run dev：本地开发的时候做调试用的。 2. npm run build：打包部署上线，生成一个 dist 文件夹。 注意：用 npm run build 时，常遇到因引用路径不对导致页面无法正常显示的情况。 如果 vue 项目的代码上传到网站的根目录下一般是不会有问题的，也不会存
阅读全文
摘要：1. 建立路由组件 2. 建立映射 3. 建立路由实例 4. 使用 router-link 建立路由导航 5. 使用 router-view 建立路由出口 vue-router 基本概念及使用 vue-router 基本使用
阅读全文
摘要：0. Vue.js 是轻量级的MVVM框架； 1. index.html：<app></app>：组件载入；入口文件会默认调用一个 main.js； 2. App.vue：入口文件，其它注册过的组件要引入 App.vue 文件中才生效； 3. import：ES6语法； ES6模块主要有两个功能：e
阅读全文
摘要：1. 数据渲染：v-text、v-html（保存了html结构）、{{}}（自动更新）； 2. 控制模块隐藏：v-if：直接不渲染 DOM 元素； v-show：css 里的 display:none； 3. 渲染循环列表：v-for： 4. 事件绑定：v-on：可以简写成 @，从 methods
阅读全文
摘要：1. cnpm install vue-cli（安装vue 脚手架） 2. vue init webpack my-project（my-project：自定义，取一个项目的名字，init 初始化一个项目） 3. cd my-project 4. npm run dev（在本地运行）
阅读全文
摘要：./ ：当前目录（相对路径） ../ ：当前目录的父目录（相对路径） /：根目录（绝对路径） vue 中 @ 指向 src 文件夹： 在 build 文件夹下 webpack.base.conf.js 可以找到 @，就能知道 @ 代表什么了。
阅读全文
摘要：在用vscode编写vue代码时，因为安装的有vetur插件，所以当代码中有v-for语法时，会提示 [vue-language-server] 'v-for' directives require 'v-bind:key' directives. 解决方法：在配置文件添加一句： "vetur.va
阅读全文