new Vue({ router, store, //components: { App } vue1.0的写法 render: h => h(App) vue2.0的写法 }).$mount('#app') render函数是渲染一个视图,然后提供给el挂载,如果没有render那页面什么都不会出来 vue.2.0的渲染过程: 1.首先需要了解这是 es 6 的语法,表示 Vue 实例选项对象的 render 方法作为一个函数,接受传入的参数 h 函数,返回 h(App) 的函数调用结果. 2…

基于vue2.0构建的在线电影网[film],webpack + vue + vuex + vue-loader + keepAlive + muse-ui + cordova 全家桶,cordova 打包成APP 从零开始搭建,适合新手练手参考.GitHub地址,api来源于网上,仅供开发参考之用,禁用于商业,否则后果自负. 在线demo apk安装包后续再放出吧 O(∩_∩)O 屏幕截图,该项目使用了响应式布局,适配全分辨率的屏幕 移动端效果 启用侧边栏模式 PC端效果 主要特色: 组件化开…

前言 vue这个框架现在挺流行的,作为一个专注前端100年的代码爱好者,学习下路径流行的框架是必须的!在网上搜索vue的项目是比较少的,在官网进行了入门学后,没有一个项目练习巩固下,学了就等于没学,所以我就决定自己写一个项目咯.在这里我也随便分享下我学习vue的资源.我在GitHub上发现了一个vue的大神,在这我就免费给他打打广告吧!https://github.com/bailicangdu 这个是他的GitHub地址. 我现在要写的项目肯定没那么复杂的了,但是作为一个入门的练习项目是足够的…

在打包之前需要修改一个地方,那就是config->index.js文件,修改assetsPublicPath: '/'为assetsPublicPath: './',截图如下 上面文件改好后,开始打包,执行如下命令: npm run build 生成 dist 文件夹 1.使用 cordova 打包 (较为复杂,安全,需要配置环境) 第一步:安装cordova 如果已经安装则直接跳过,否则执行以下命令: npm install -g cordova 第二步:新建cordova项目 执行命令 co…

由于项目中用到了豆瓣api,涉及到跨域访问,就需要在config的index.js添加代理,例如 proxyTable: { // 设置代理,解决跨域问题 '/api': { target: 'https://api.douban.com/v2', changeOrigin: true, pathRewrite: { '^/api': '' } } }, 安装axios npm install --save axios vue-axios 在main.js引入axios import axios…

本篇文章开始前,先介绍下什么是vue-resource,并且现在还有一个axios. Vue.js是数据驱动的,这使得我们并不需要直接操作DOM,如果我们不需要使用jQuery的DOM选择器,就没有必要引入jQuery.vue-resource是Vue.js的一款插件,它可以通过XMLHttpRequest或JSONP发起请求并处理响应.也就是说,$.ajax能做的事情,vue-resource插件一样也能做到,而且vue-resource的API更为简洁. 至于axios,vue更新到2.0之…

render: h => h(App)是ES6的写法,其实就是如下内容的简写: render: function (createElement) { return createElement(App); } 官方文档中是这样的,createElement 是 Vue.js 里面的 函数,这个函数的作用就是生成一个 VNode节点,render 函数得到这个 VNode 节点之后,返回给 Vue.js 的 mount 函数,渲染成真实 DOM 节点,并挂载到根节点上. render: functi…

1.分析 首页的header背景是绿色的,并且有一个搜索框,其他页面都是灰色的背景,在header的左侧,是一个返回按钮,右侧,有分享或者评论等图标,中间就是header的标题.我们先不做有搜索框的header. 我们先在components文件中创建一个header.vue文件,并且在less文件里新建一个颜色变量var.less(统一管理app的颜色,保持统一),我们先将有其他元素的组件的大致框架,以及样式先写出来.然后在Index.vue里面引入. var.less //APP默认颜色 @…

1.创建豆瓣项目 我们通过官方vue-cli初始化项目 vue init webpack douban 填写项目描述,作者,安装vue-router 初始化后,通过npm install安装依赖 cd douban npm install 由于我们是做的移动端,所以在index.html里面加上meta <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,ma…

swiper中文文档:http://www.swiper.com.cn 1.我们在components文件夹里创建一个swipe组件,将需要用到的js以及css文件复制到assets/lib文件夹下,如图: 然后根据swiper的使用方法:http://www.swiper.com.cn/usage/index.html 将html结构复制到swipe组件里,引入css文件,以及js <template> <div class="swiper-container"&g…