![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
VUE
VUE学习笔记
丙睦
趁着头发茂密记录一下学习的过程
展开
-
vue入门9:组件的父子传值和兄弟传值是如何实现的
一、 组件的作用组件可以对代码进行封装,避免重复造轮子二、组件注册1.全局注册Vue.component('my-component-name', { // ... 选项 ...})2.局部注册var ComponentA = { /* ... */ }var ComponentB = { /* ... */ }new Vue({ el: '#app', components: { 'component-a': ComponentA,//使用局部组件一定要在vue实例这原创 2020-07-27 09:23:37 · 311 阅读 · 0 评论 -
vue入门8:组件的使用
一、 组件的作用组件可以对代码进行封装,避免重复造轮子二、组件注册1.全局注册Vue.component('my-component-name', { // ... 选项 ...})2.局部注册var ComponentA = { /* ... */ }var ComponentB = { /* ... */ }new Vue({ el: '#app', components: { 'component-a': ComponentA,//使用局部组件一定要在vue实原创 2020-07-27 09:22:10 · 212 阅读 · 0 评论 -
vue入门7:一文教你用vue实现购物车功能
用vue实现购物车功能,一个购物车应该具有哪些功能呢?具体功能商品数量的加减全选全不选勾选后商品后自动计算总金额下面开始开始带你们一步一步实现这些功能,为了方便演示,我做了个简单的购物车页面(审美不好,勿喷)这里没有用到数据库,是在data中写个数组,再把它打印出来datalist: [{ name: "练习册", price: 25, number: 2 }, ...原创 2020-02-11 09:53:54 · 912 阅读 · 0 评论 -
vue入门6:如何解决事件冒泡
一、何为事件冒泡当你执行一个函数时,外层的函数也跟着一起执行了。举个例子在ul和第一个li中绑定一个点击函数当ul被点击时,在控制台输出水果被点击当第一个li被点击时,在控制台输出苹果被点击<ul name="水果" @click="ulclick()"> <li name="苹果" @click="liclick()">苹果</li> &l...原创 2020-02-08 19:50:02 · 683 阅读 · 0 评论 -
vue入门5:列表渲染
1.列表渲染的几种方法 2. key值的设置 3. 列表渲染关于数组的操作 4. 应用:根据输入的内容查询渲染列表原创 2020-01-30 10:43:16 · 218 阅读 · 0 评论 -
vue入门4:条件渲染
我做了一个简单的兑奖网页告诉你什么是条件渲染原创 2020-01-22 21:47:29 · 263 阅读 · 0 评论 -
vue入门3: 动态绑定
关于vue-class和vue-style动态绑定的几种应用!主要介绍三种写法:1.三目写法2.对象写法3.数组写法原创 2020-01-19 17:06:42 · 1031 阅读 · 0 评论 -
vue入门2:藕断丝连的 v-show 和 v-if
vue指令 v-if 和 v-show 的区别原创 2020-01-18 15:36:09 · 422 阅读 · 0 评论 -
vue入门1:el 与 data
深入研究VUE入门到放弃一般需要多长时间原创 2020-01-16 21:52:03 · 602 阅读 · 0 评论