不吃菠菜的大力

在vue变量未渲染前，会有一瞬间显示代码，影响代码美观。vue有现成的指令来解决这个问题：v-cloak在css中加入：[v-cloak]{ display: none;}在需要元素加上： {{demo}}这样，v-cloak所在元素下的变量在未渲染前不会显示。

官方下载了vue的简单项目，用Atom打开main.js，代码前出现黄点，js报错了在代码语句后加上分号，减少一个黄点，但还报错把鼠标移至import的波浪线上，出现提示：W119 - ‘import’  is only available in ES6(use 'esversion: 6') .意思是import属于ES6的语法，当前页面不能用。在页面上加上 /* jshin

本文只是简单的入门，介绍怎样快速建立项目，利用路由切换页面；写接口，前端调用接口等。 默认全局已安装：nodenpmvue-cli1、进入一个空文件夹，初始化名为vue-demo项目。2、进入项目文件内，下载基础依赖包以及vue-router（路由），vue-resource（vue封装的ajax请求）看到这个页面就好了。

用Atom打开一个vue项目，并不支持vue语法，所有的标签都是灰的。打开File->Settings->Install,搜索vue会出来一堆插件，安装language-vue-component。ok了。

①下载sublime：地址②安装包管理器：打开View->Show Console 在控制台中键入以下代码并回车import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( ur

今天遇到了奇怪的问题，在main.js中引入全局样式，在组件中引用样式时，有些样式失效，有些样式生效。但是神奇的是build打包后样式是正常的。注册两字没有变成红色。。刚开始以为是class名字命名冲突之类的，网上查了很多资料，有提到说css文件中写了中文注释引起的，试过了不行。后来把所有的样式删掉，只剩一个样式，就生效了。好了，罪魁祸首就是空格符。build打包时会有压缩，所以不会有

用了scoped的子组件样式，在父组件中是无法更改的。需要用deep.m-switchBar /deep/ ul li { width: 78px;} 

【命令行】  全局安装手脚架 创建项目 安装依赖包 运行调试 打包发布 vue-cli2 npm install vue-cli -g vue init webpack project-name npm install npm run dev npm run build vue-cli3 npm install @vue...

引起的主要原因是，ie无法解析es6语法。需要引入babel-polyfill第一步：npm install babel-polyfill --save-dev第二步：在webpack.base.config.js中require('babel-polyfill')module.exports = { entry: { app: ['babel-polyf...