![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue商城项目实战
林不羁
这个作者很懒,什么都没留下…
展开
-
3 vue路由
1.路由基础介绍 什么是前端路由? 路由是根据不同的url地址展示不同的内容或页面 前端路由就是把不同路由对应不同的内容或页面的任务交给前端来做,之前是通过服务端 根据url的不同返回不同的页面实现的 什么时候使用前端路由? 在单页面应用,大部分页面结构不变,只改变部分内容的使用 前端路由的优缺点 优点:用户体验好,不需要每次都从服务器全部获取,快速展现给用户 缺点: 不利于SEO 使...原创 2019-11-18 17:30:40 · 216 阅读 · 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 · 184 阅读 · 0 评论 -
2.2 vue环境搭建以及vue-cli使用
vue多页面应用文件引用 官网拷贝: npm安装 vue-cli构建SPA应用( 单页Web应用 ) npm install -g vue-cli vue init webpack-simple demo vue init webpack demo2 初始化完整的demo2项目 用脚手架创建模板,只需要写代码而不用关注太多 src 项目源码 .babelrc es6编译插...原创 2019-11-18 17:28:10 · 100 阅读 · 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 · 180 阅读 · 0 评论 -
6.商品列表
1.商品列表组件拆分 1.1 让页面正确显示 1.创建GoodsList.vue,将html,body内的代码复制到vue文件的template>div内部 2.修改路由,router>index.js import Vue from 'vue' import Router from 'vue-router' import GoodsList from './../views/Go...原创 2019-11-18 17:26:11 · 535 阅读 · 0 评论