随笔分类 -  Vue

摘要:简介 使用 Node + vue 对公司的官网进行了一个简单的移动端的实现。 源码 https://github.com/wx1993/node-vue-fabaocn 效果 组件 轮播图(使用 vue-awesome-swiper 插件) 新闻列表 新闻详情 职位列表 联系我们页面(使用百度地图a 阅读全文
posted @ 2017-05-12 18:33 淳安梁朝伟 阅读(22142) 评论(9) 推荐(8) 编辑
摘要:点击 Home 标签 点击 News 标签 通过开发者工具可以看到,router-link 标签被解析成了a标签, router-view 标签被 组件的模板内容替换。 当 <router-link> 对应的路由匹配成功,将自动设置 class 属性值 .router-link-active。 参考 阅读全文
posted @ 2016-12-21 17:46 淳安梁朝伟 阅读(1090) 评论(0) 推荐(0) 编辑
摘要:1 /*属性*/ 2 标签内的属性都用 :attr="xxx" 的形式 3 4 /*模板*/ 5 {{ msg }} -> 绑定数据 6 {{ *msg }} -> 数据只绑定一次 7 {{{ msg }}} -> 若数据中带有html标签,则转义输出(在vue2.x已经被废除) 8 9 /*过滤器*/ 10 {{ 12 | currency... 阅读全文
posted @ 2016-12-16 17:02 淳安梁朝伟 阅读(334) 评论(0) 推荐(0) 编辑
摘要:环境要求: 安装有 Node.js、 vue、 vue-cli 。 创建项目: vue init webpack projectName 进入项目,下载依赖: npm install 或者 cnpm install 运行项目: npm run dev 效果如下: 创建项目 进入项目,下载依赖 启动项 阅读全文
posted @ 2016-12-06 11:22 淳安梁朝伟 阅读(32818) 评论(0) 推荐(0) 编辑