随笔分类 - Vue
摘要：一、概念 浏览器端通过sessionstorage和localstorage属性来实现本地存储 二、相关API // 设置，key value，key若存在，则则更新value，value为字符串，需要使用JSON localStorage.setItem('msg', 'Hello') sessi
阅读全文
摘要：1.router是VueRouter的一个对象，通过Vue.use(VueRouter)和VueRouter构造函数得到一个router的实例对象，这个对象中是一个全局的对象，他包含了所有的路由包含了许多关键的对象和属性。 2.route是一个跳转的路由对象，每一个路由都会有一个route对象，是一
阅读全文
摘要：1、在路由添加 完整 2、在mian.js中添加 3、修改登录页面 目的：原页面->登录页面->跳转原页面
阅读全文
摘要：vue-cookies用于登录，一般和vuex一起使用 vuex在各个组件共享值，cookie恒久保留值 一、安装 二、引用(在store.js文件中) 三、操作 1、设置 2、获取 3、删除 4、查看cookie是否存在 5、获取所有cookie 6、例子
阅读全文
摘要：注意：在ajax和axios中，使用store或route或router等全局变量时，注意this - state和mutations的关系可以不严谨的理解成: - state(存储数据) - mutations(更改state数据的唯一方法) - 数据(state) > view > mutati
阅读全文
摘要：1、应用场景 在同一路由的情况下，不同的参数之间进行切换 注意：别忘记初始化路由页面 2、用法 a、定义方法 b、实现方法 c、初始化路由页面 3、案例
阅读全文
摘要：参考网址地 https://www.runoob.com/vue2/vuejs-ajax-axios.html https://www.jianshu.com/p/7a9fbcbb1114 https://www.kancloud.cn/yunye/axios/ axios 发送ajax请求 一、下
阅读全文
摘要：一、位置 生命周期的mounted 二、作用 1、获取原始的DOM 给input标签添加focus属性 2、获取组件实例化对象
阅读全文
摘要：官网 https://cn.vuejs.org/v2/api/#beforeCreate created数据驱动视图mounted操作DOMupdated每次更新actived不删除DOMdestoryed删除DOM 一般和v-if一起使用
阅读全文
摘要：官网的例子 https://router.vuejs.org/zh/guide/#html 一、简单的Vue Router 二、命名路由 注意：router-link 里的 to 要添加 v-bind，其它看官网 三、重定向 1、重定向url 2、重定向命名路由 四、动态路由匹配 五、编程式导航 利
阅读全文
摘要：1、组件可复用 2、slot元素作为组件模板之中的内容分发插槽，元素自身可以被替换
阅读全文
摘要：注意 Vue模板只能有一个对象，要想用多个对象时用div包裹 一、父组件->子组件 通过props 1、子组件： 声明：proprs =[‘xx’]，xx是在父组件中引用子组件，子组件的属性(template) 引用：{{xx}} 2、父组件 声明数据：oo 父组件template中引用子组件，属性
阅读全文
摘要：组件可以复用，注意全局组件最好使用my-component-name 命名，在VScode上遇过坑 一、Vue对象 若Vue对象中有template，那么template的优先级高于，原本的视图 二、局部组件 注意： 1、单词拼写 2、子组件是 组件名 = {} 3、声明、挂载、引用 一、全局组件
阅读全文
摘要：0、安装淘宝镜像 1、安装vue-cli脚手架安装 2、创建文件夹 3、查看 4、初始化 5、交互界面 注意：sass选n 6、根据提示运行命令 推荐用 7、下载vue-router
阅读全文
摘要：核心思想：数据驱动视图 MVVM 声明式指令 一、条件渲染 1、v-if script 2、v-show 注意：区别 v-if : 真正的条件渲染，切换开销高 v-show: 惰性条件渲染，初始化开销高，利用css的display:none 3、v-if与v-for一起使用 v-for的优先级高于v
阅读全文
摘要：一、安装nodejs 1、下载 2、查看nodejs的版本 3、查看nmp的版本 二、nmp操作 1、新建项目 相当于python中的pip 2、操作(Git Bash) a、进入项目文件夹 b、初始化或 npm init --yes c、交互界面 npm 初始化完成后，项目中多出一个名为：pack
阅读全文
