摘要：
一、 项目创建 参考如下博客地址创建一个vue的项目 https://www.cnblogs.com/yclh/p/15356171.html vue学习笔记 二、环境搭建+项目创建 二、代码结构 注：主要是标红的几个文件 三、代码 重新编写这几个文件中的代码 index.js //引入路由 imp 阅读全文
摘要：
代码结构 一、 01-slot-插槽的基本使用 1、 效果 同样的一个插槽，父组件调用的时候不同展现的内容就不同 2、代码 01-slot-插槽的基本使用.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <tit 阅读全文
摘要：
代码结构 一、 01-组件访问-父访问子 1、 效果 点击后在父组件里展示子组件的参数 2、代码 01-组件访问-父访问子.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> 阅读全文
摘要：
代码结构 一、 01-父组件向子组件传递数据 1、 效果 展示出来的数据都是父组件传给子组件的数据 2、代码 01-父组件向子组件传递数据.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title 阅读全文
摘要：
代码结构 组件就是将复杂的功能拆分成简单的块，拆分后的块可以被多处使用。 组件的使用分成三个步骤： 1、创建组件构造器 Vue.extend() 2、注册组件 Vue.component() 3、使用组件 <my-cpn></my-cpn> 一、 01-组件化的基本使用 1、效果 2、代码 01-组 阅读全文
摘要：
代码结构 一、 01-v-model的基本使用 Vue中使用v-model指令来实现表单元素和数据的双向绑定 1、效果 2、代码 01-v-model的基本使用.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> < 阅读全文
摘要：
代码结构 一、 效果 1、 展示列表v-for 2、 购买数量增加减少，使用@click触发回调函数。 减少的时候如果已经为1了就不让继续减少，使用了v-bind绑定属性 3、 移除也是使用@click触发回调函数。 4、 总价和价格里前面增加一个￥使用了过滤器 5、 总价的计算使用了计算属性 二、 阅读全文
摘要：
代码结构 一、 01-v-for遍历数组 1、效果 2、代码 01-v-for遍历数组.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>01-v-for遍历数组</title> </head> <b 阅读全文
摘要：
代码结构 一、 01-v-if用法 1、效果 根据分数的不同展现不同的汉字 2、代码 01-v-if用法.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>01-v-if用法</title> </he 阅读全文
摘要：
代码结构 一、 v-on基本使用 1、效果 按钮点击一下数字增加1 2、代码 01-v-on基本使用.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>01-v-on基本使用</title> </he 阅读全文