随笔分类 - Vue
Vue
摘要:恢复内容开始 导航守卫 全局有两个 全局前置守卫 router.beforeEach((to, from, next) => { //全局前置其有三个参数,to要跳转的路由,from之前的路由,next相当于express的中间件的next,拦截器,如果不调用next无法进入, console.lo
阅读全文
摘要:Vue cli 基于webpack构建的脚手架 cnpm i -g @vue/cli 安装之后可有通过 vue --version检测其版本号 创建项目 vue create 项目名字 项目名字不能包含大写名字 eslint 格式化代码插件 可视化创建 vue ui 项目目录结构 public用来存
阅读全文
摘要:插槽 slot占位符,其代表了组件中不同的结构,直接在子组件中使用这个标签就行 <slot></slot> 然后再父组件中写内容就行, <template id="news"> <div> 我是News页面<Commonsontitle><span slot="two">嘻嘻想看</span></C
阅读全文
摘要:组件的生命周期 一个组件从开始注册到销毁的整个过程 每个过程:vue提供了不同的钩子函数(在不同过程自动触发的函数), 组件生命周期的过程 实例挂载 beforeCreate(在实例的事件和钩子函数初始化后触发,不常用,因为这个时候还没有数据和方法) creatd(在实例及其原型的属性和方法全部初始
阅读全文
摘要:组件之间的关系 父子关系 兄弟关系 组件之间的关系 父向子通信: 在子组件新增一个props属性接收传过来的值,其是个数组,可以接收多个值,这里面定义命名和变量一样,props属性会被编译到实例的属性上,其不能与已有的属性重名 在父组件里子组件的标签价里写props定义的属性,用:可以变成父组件动态
阅读全文
摘要:购物车添加 表单也有修饰符 mounted ()写在全局中在页面渲染完毕后自动调用 只在初始的时候调用一次,刷新时,不会再调用 v-model.number 会将值转换为数字 购物车添加数据的时候会存在问题,因为对象数组是一个引用数据类型,如果直接赋值的话就会引用其内存地址,当再次添加数据的时候上次
阅读全文
摘要:Vue中的style 😒tyle 可以用对象的方式写样式,对象里面是js环境,属性破折号用驼峰命名法 :style="{width:100+54+px,height:44*2+px,backgroundColor:istrue?red:blue}" Vue(MVVM)原理 es5新增的api Ob
阅读全文
摘要:初识Vue Vue 是一个用于构建用户界面的MVVM的渐进式 声明式 组件式框架 编程思路:抛弃dom操作习惯,vue以数据驱动 特点 MVVM: M ⇒V VM 数据 改变视图自动刷新 (通过VM的形式 Vue Vue返回的实例) 渐进式: 核心库体积很小(没有把所有功能都挂载在核心库上),通过插
阅读全文

浙公网安备 33010602011771号