xbd_zc的博客

项目资源github–shop-vue2-shangpinhui阿里云通用步骤1,静态页面2,拆分组件3,获取服务器的数据动态展示4,完成相应的动态业务逻辑注意: 使用less样式要安装less, less-loadernpm install --save less less-loader样式添加<style scoped lang="less">环境1,拆分header和footer注意把样式和HTML和图片一起导入2,路由组件搭建安装vue-rou.

文章目录七,Vue导出部署到Nginx0,安装nginxcentos7安装常用命令配置nginx服务(开机自启)1,运行build命令2,生成资源目录dist,复制到nginx中3,访问测试4,history模式下刷新报404修改nginx.conf八,UI组件库(Element UI)Element UInpm 安装按需引入运行报错**es2015的问题**`Cannot find module '@babel-preset-env/babel-preset'解决：换成['@babel/env', { m

文章目录6.1,路由简介6.2,基本路由1,简单切换效果2,几个注意点6.3,嵌套路由6.4,路由传参--query参数?a=x&b=x6.5,命名路由6.6,路由的params参数/a/b6.7,路由的props配置6.8.``````的replace属性6.9.编程式路由导航6.10.缓存路由组件6.11.两个新的生命周期钩子6.12.路由守卫6.13.路由器的两种工作模式6.1,路由简介什么是路由?一个路由就是一组映射关系(key- value) 多个路由需要路由器（router）

文章目录5.1 理解vuex5.1.1 vuex 是什么5.1.2 什么时候使用Vuex(共享)5.1.3,vuex原理图5.2,搭建vuex环境5.3,vuex基本使用5.4,getters的使用5.5.四个map方法的使用5.6,案例vuex配置,store/index.js求和Count.vuePerson.vue5.7,vuex模块化1,模块化+命名空间2,案例2.1,vuex模块2.2,组件5.1 理解vuex5.1.1 vuex 是什么概念专门在Vue中实现集中式状态(数据)管理的一

文章目录4.1,vue脚手架配置代理方法一方法二4.2,GitHub搜索案例入口main.jsApp.vueSearch.vueList.vue4.3,slot插槽4.3.1,默认插槽---slot4.3.2,具名插槽---slot name='xx'4.3.3,作用域插槽(插槽传递数据给使用者)4.3.4,总结4.1,vue脚手架配置代理方法一​ 在vue.config.js中添加如下配置：devServer:{ proxy:"http://localhost:5000"}说明：优点

文章目录3.1,安装脚手架1,配置 npm 淘宝镜像2,（仅第一次执行）：全局安装@vue/cli3,切换到代码目录,创建项目4,按照提示启动5,访问测试4,分析脚手架4.1,脚手架目录4.2,将上面的单文件导入vue_test01中运行报错`error Mixed spaces and tabs no-mixed-spaces-and-tabs`解决办法 package.json中添加rules4.3,render函数4.4,修改Vue配置文件vue.config.js5,ref与propsref属性

二,Vue组件化编程文章目录二,Vue组件化编程1,非单文件组件(一个文件中包含了N个组件)1.1,对组件的理解1.2,组件的定义1.3,基本使用Vue中使用组件的三大步骤：一、如何定义一个组件？二、如何注册组件？三、编写组件标签：1.4,注意点(组件名)例子1.5,组件的嵌套1.6,VueComponent1.7,Vue和VueComponent的关系原型和原型链Vue和VueComponent的关系2,单文件组件(一个文件中只有1个组件)2.1,定义组件School.vueStudent.vueApp

文章目录一,Vue核心1,初识Vue2,模板语法3,数据绑定4,data与el的2种写法5,MVVM模型6,数据代理6.1,回顾Object.defineproperty方法6.2,数据代理：通过一个对象代理对另一个对象中属性的操作（读/写）6.3,Vue中的数据代理7,事件处理7.1,事件的基本使用：7.2,事件修饰符7.3,键盘事件8,计算属性8.1,插值语法实现8.2,methods实现8.3,计算属性实现8.4,计算属性简写9,监视属性9.1,天气案例9.2,天气案例+监视属性(watch)9.3,

文章目录Vue一,第一个Vue程序方式一:[直接用 script 引入](https://cn.vuejs.org/v2/guide/installation.html#直接用-lt-script-gt-引入)方式二:[CDN](https://cn.vuejs.org/v2/guide/installation.html#CDN)创建项目1,导入`vue.js`2,编写页面3,测试二,指令2.1,v-bind指令2.2,条件判断v-if v-else v-else-if2.3,遍历循环 v-for2.4,

JavaScript文章目录JavaScript1-快速入门1.1-引入JavaScript1.2-基本语法浏览器调试F121.3-数据类型1.4-严格检查模式2-数据类型2.1-字符串2.2-数组1, 长度2, indexOf, 通过元素获得下标索引3, slice() 截取数组元素, 返回一个新数组, 类似于substring4, push() , pop() 在尾部添加元素或去掉元素5, unshift() , shift() 在头部添加元素或去掉元素6, 排序 sort()7, 元素反转 reve

CSS3文章目录CSS31-什么是CSS1.2-发展史1.3-CSS3快速入门css的优势:1.4-CSS的3种导入方式样式生效:外部样式的两种写法:2-选择器2.1-基本选择器2.2-层次选择器2.3-结构伪类选择器2.4-属性选择器(常用)3-美化网页元素3.1-字体样式3.2-文本样式3.3-超链接伪类3.4-列表3.4-背景3.5-渐变4-盒子模型5-浮动5.1-display 行内元素5.2-float 浮动5.3-父级边框塌陷解决方案:6-定位6.1-相对定位相对定位小练习6.2-绝对定位6.

HTML5文章目录HTML5简介网页标签基本标签图像标签链接标签行内元素和块元素列表表格视频和音乐页面结构分析iframe内联框架表单语法*表单的元素表单的应用表单初级验证简介HTML: Hyper Text Markup Language超文本标记语言W3CWorld Wide Web Consortium (万维网联盟)成立于1994年，Web技术领域最权威和具影响力的国际中立性技术标准机构http://www.w3.org/http://www.chinaw3c.org/W3