vue商城项目实战
关注
分享
扫一扫
林不羁
这个作者很懒，什么都没留下…
展开
-
3 vue路由
1.路由基础介绍什么是前端路由？路由是根据不同的url地址展示不同的内容或页面前端路由就是把不同路由对应不同的内容或页面的任务交给前端来做，之前是通过服务端根据url的不同返回不同的页面实现的什么时候使用前端路由？在单页面应用，大部分页面结构不变，只改变部分内容的使用前端路由的优缺点优点：用户体验好，不需要每次都从服务器全部获取，快速展现给用户缺点：不利于SEO使...原创 2019-11-18 17:30:40 · 265 阅读 · 0 评论 -
2.4 vue基础语法介绍
模板语法{{msg}}html赋值: v-html=“”绑定属性: v-bind:id=""使用表达式:{{ok?‘yes’:‘no’}}文本赋值：v-text=""指令 :v-if=""过滤器: {{message|captitalize}}和v-bind:id=“rawid |formatid”Class 和 Style绑定对象语法：v-b...原创 2019-11-18 17:30:00 · 241 阅读 · 0 评论 -
2.2 vue环境搭建以及vue-cli使用
vue多页面应用文件引用官网拷贝:npm安装vue-cli构建SPA应用( 单页Web应用 )npm install -g vue-clivue init webpack-simple demovue init webpack demo2 初始化完整的demo2项目用脚手架创建模板，只需要写代码而不用关注太多src 项目源码.babelrc es6编译插...原创 2019-11-18 17:28:10 · 126 阅读 · 0 评论 -
1.0 vue核心思想
Vue概况以及核心思想1.Vue本身并不是一个框架2.Vue结合周边生态构成一个灵活的、渐进式的框架(声明式渲染，组件系统，客户端路由，大规模状态管理，构建工具)核心思想1.数据驱动通过MVVM的数据绑定实现自动同步，View->DOM,ViewModel->Vue,Model->POJO(原生js对象)2.组件化 ：提高效率页面中的模块拆成更小的模块，实...原创 2019-11-18 17:27:09 · 234 阅读 · 0 评论 -
6.商品列表
1.商品列表组件拆分1.1 让页面正确显示1.创建GoodsList.vue,将html，body内的代码复制到vue文件的template>div内部2.修改路由，router>index.jsimport Vue from 'vue'import Router from 'vue-router'import GoodsList from './../views/Go...原创 2019-11-18 17:26:11 · 574 阅读 · 0 评论