摘要: 0. Vue.js 是轻量级的MVVM框架; 1. index.html:<app></app>:组件载入;入口文件会默认调用一个 main.js; 2. App.vue:入口文件,其它注册过的组件要引入 App.vue 文件中才生效; 3. import:ES6语法; ES6模块主要有两个功能:e 阅读全文
posted @ 2018-05-22 21:13 叶子玉 阅读(140) 评论(0) 推荐(0) 编辑
摘要: 1. 数据渲染:v-text、v-html(保存了html结构)、{{}}(自动更新); 2. 控制模块隐藏:v-if:直接不渲染 DOM 元素; v-show:css 里的 display:none; 3. 渲染循环列表:v-for: 4. 事件绑定:v-on:可以简写成 @,从 methods 阅读全文
posted @ 2018-05-22 20:47 叶子玉 阅读(240) 评论(0) 推荐(0) 编辑
摘要: 1. cnpm install vue-cli(安装vue 脚手架) 2. vue init webpack my-project(my-project:自定义,取一个项目的名字,init 初始化一个项目) 3. cd my-project 4. npm run dev(在本地运行) 阅读全文
posted @ 2018-05-22 20:39 叶子玉 阅读(150) 评论(0) 推荐(0) 编辑
摘要: ./ :当前目录(相对路径) ../ :当前目录的父目录(相对路径) /:根目录(绝对路径) vue 中 @ 指向 src 文件夹: 在 build 文件夹下 webpack.base.conf.js 可以找到 @,就能知道 @ 代表什么了。 阅读全文
posted @ 2018-05-22 20:34 叶子玉 阅读(3260) 评论(0) 推荐(0) 编辑
摘要: 在用vscode编写vue代码时,因为安装的有vetur插件,所以当代码中有v-for语法时,会提示 [vue-language-server] 'v-for' directives require 'v-bind:key' directives. 解决方法:在配置文件添加一句: "vetur.va 阅读全文
posted @ 2018-05-22 20:14 叶子玉 阅读(2491) 评论(0) 推荐(0) 编辑
摘要: localStorage 用于长久保存整个网站的数据,没有过期时间,除非手动去除。 sessionStorage 会话存储,临时存储,当用户关闭浏览器窗口后,数据被删除。 共同方法 以 localStorage 为例: 1. 设置缓存数据:localStorage.setItem(key,value 阅读全文
posted @ 2018-05-22 19:51 叶子玉 阅读(200) 评论(0) 推荐(0) 编辑