摘要:
在main.js中引入vue-lazyload插件 并使用 注册插件: import VueLazyLoad from 'vue-lazyload' Vue.use(VueLazyLoad,{ loading:require('common/image/default.png') }) lazylo 阅读全文
摘要:
什么是生命周期 在Vue的整个生命周期中,它提供了一系列的事件,可以让我们在事件触发时注册js方法,可以让我们用自己注册的js方法控制整个大局,在这些事件响应方法中的this直接指向的是vue的实例。 再上图,对生命周期图的标注 每个钩子函数都在啥时间触发 beforeCreate created 阅读全文
摘要:
z这里如果我们和之前获取轮播图的数据一样来获取表单的数据 发现根本获取不到 原因是qq音乐在请求头里面加了authority和refer等 但是如果我们通过jsonp实现跨域来请求数据的话 是根本不能够修改请求头的 所以我们就考虑用axios 但是axios又不能进行跨域 那么我们要怎么拿到qq音乐 阅读全文
摘要:
安装 使用 npm: 或者 使用 bower: 或者直接使用 cdn: main.js设置如下 引入axios 挂载到vue的原型 在webpack.config.js(config—>index.js)文件里设置代理 注意 新版文件会有修改 执行 GET 请求 执行 POST 请求 执行多个并发请 阅读全文
摘要:
slider.vue组件的模板部分 阅读全文
摘要:
轮播图组件 推荐页面组件 轮播图组件 阅读全文
摘要:
用jsonp来获取数据 通过封装方法来获取 在src文件夹下的api文件夹里面去封装一些获取相关部分组件的数据的方法 在api文件夹下的recommend.js中 配置一下公共参数 请求的真实的url实际上是由公共参数和每个页面对应的参数拼接起来的 在recommend.vue组件中获取参数 并且渲 阅读全文
摘要:
在npm上下载jsonp的包 这个包的用法 传入的参数是地址加上地址参数的混合 但是想封装一个将地址和地址参数分别传入的jsonp方法 所以来封装一个 阅读全文
摘要:
路由配置 在router文件夹下的index.js中配置路由 配置完路由之后再main.js中引入 引入路由之后在App.vue中通过<router-view></router-view>将路由对应的页面渲染到App.vue组件上 切换路由 通过路径哈希值的变化 触发change事件 渲染不同的路由 阅读全文
摘要:
<!--3的小游戏,练习使用循环和条件语句,实现如下需求: 从1到100,以此在console输出各数字,但是,当数字为3的倍数或者含有3的时候,输出“PA” 比如:1,2,PA,4,5,PA,……,11,PA,PA,14,PA……--> 阅读全文