Object.defineProperty(obj, "属性名",{get: function(){}, set:function(){});
// set: 属性名发生变化的时的回调。get:获取属性名时的回调。实现双向绑定。
assetsPublicPath: 可配置 cdn的地址的前缀,如:www.imooc.com
安装 --save 依赖,上线之后依然依赖的。
图片base64减少请求
vue 模板语法
- {{ msg }}
- v-html=""
- v-bind:id="" 类似jquery attr
- 使用表达式 {{ok?‘yes’:‘no’}}
- v-text=""
- v-if=""
*过滤器:{{ message | capitalize }} 和 v-bind:id="rawId | formatld"
vue 事件处理器 - v-on:click=“Greet” 简写@click=“Greet”
- v-on:click.stop / .stop.prevet /.self /once
- v-on:keyup.enter/.tab/.delete/.esc/.space/.up/.down/.left/.right
vue 组件通信 - $emit,子组件调用父组件的方法 v-on 自定义事件
vue-router
a标签和对history的封装 - 跳转
- 渲染
- 动态路由
path: ‘/goods/:goodsId’,
path: ‘/goods/:goodsId/user/:admin’ 分号后面为参数。{{ $route.params }} 获取参数obj - 嵌套路由, 例如用在导航中
- 编程式路由
$router.push(“name”)
$router.push({path:“name”})
$router.push({path:“name?a=123”})或者
$router.push({path:“name”,query{a:“123”}}) $route.query获取search参数
$router.go(1) - 命名路由和命名视图, link 和name 保持一致,映射
vue-resource基础 - get(url,[options]);
- head(url,[options]);
- delete(url, [options]);
- jsonp(url, [options]);
- post(url,[body],[options]);
- put(url,[body],[options])
- patch(url,[body],[options])
- axios.request()等 官方推荐
- axios.all().同时调用多个接口
- axios.interceptors.request.use((config)=>{return config})
- axios.interceptors.response.use((response) => {return response});
ES6 扩展参数 - … 数组、对象、字符串、函数
- import(‘1.js’)可以异步加载js文件
express环境
npm install -g express-generator
express --version
express server 生成一个项目
通过终端方式导入数据
mongoimport -d imoocmall -c users --file 文件拖进来