weixin_44809439的博客

路由是什么？hash模式，history模式，memory模式路由是什么路由：分发请求这个东西就是路由器什么是路由：分发请求的东西学习路由要从基础的学起，每个框架的路由的原理都一样，只是代码不一样，所以只要把原理搞清楚了，学起来就很快。根据用户的url不同，展示不同的页面hash可以通过window.location.hash可以得到url后面的#n（n是1，2，3…数字）const number = window.location.hash.substr(1)就得到#后面的数字然.

Vue表单和v-model官方文档很健全基本用法inputtextareacheckboxradioselectform修饰符.lazy.number.trim<template> <div id="app"> <input v-model="message" placeholder="edit me"/> <p>Message is: {{message}}</p> <p>

Vue-provide-inject子组件要改变父组件的数据父组件中provide(){ return { themName: this.themName };},data(){ return { themName: "blue", fontSize: "normal" };},上面的provide就把themName提供给别人了，不过themName是字符串，不是对象数组这些提供引用，外面改了是没有用的，因为是提供了复制的字符串。子组件中inje

Vue进阶属性mixins-混入简单来说就是复制也是为了减少重复directives的作用是减少DOM操作的重复mixins的作用是减少data,methods,钩子的重复场景：给五个组件添加name和time,在created和destroyed时打出提示，并报出存活时间。方法一：给每个组件添加data和钩子，共五次方法二：或者使用mixins减少重复<template> <div>Child1</div></template&gt

Vue进阶属性directives, mixins, extends, provide, inject内置指令v-if,v-for,v-show,v-html自定义指令声明一个全局指令Vue.directive('x',directiveOptions)就可以在任何组件里使用v-x了directiveOptions是选项声明一个局部指令new Vue({ ..., directives: { "x": directiveOptions }})//v-x只能在该实例

指令-Directive什么是指令？以v-开头的就是指令语法：v-指令名:参数=值,如v-on:click=add如果只里面没有特殊字符，则可以不加引号。特殊：有些指令没有参数和值，如v-pre有些指令没有值，如v-on:click.prevent没有特殊字符，可以不加引号修饰符用来修饰指令@click.stop="add"表示阻止事件传播@click.prevent="add"表示阻止默认动作@click.stop.prevent="add"表示阻止两种的意思修饰符有很

Vue的模板语法1.使用Vue完整版，写在HTML里面<div id='xxx'> {{n}} <button @click="add"> +1<button></div>{{n}}会被替换，@click="add"会被监听2.Vue使用完整版，写在选项里<div id="app"></div>new Vue({ template:` <div> {{n}} &

Vue构造选项-进阶属性今天主要是学以下进阶属性computed 计算属性watch 侦听directives 指令mixin 混入extends 继承provide/inject之前学了options.data除了data变化更新UI，还能做点啥？下面的代码运行在完整版的Vue中computed - 计算属性用途被计算出来的属性就是计算属性new Vue({ data: { user: { email: "111111@qq.com",

Vue的数据响应式代理和监听今天深入理解options.data使用的是完整版的Vue做演示先看一段代码const myDate = { n: 0}console.log(myDate)const vm = new Vue({ data: myDate, template: ` <div> {{n}} <button @click="add">+10</button> </div> `,

构造选项 搞清楚Vue实例const vm = new Vue(options)这个实例更具你的选项（options）得出一个对象vm这个vm就是封装了这个DOM对象，以及对这个DOM对象的所有操作（和jQuery类似）操作有（事件绑定，数据绑定，DOM更新）对象.__proto__ = 其构造函数.prototype任何一个对象的原型 = 其构造函数.prototype所以vm.__proto__ = Vue.prototypeVue.__proto__ = Function.prototy

搭建vue项目使用vue/cli来搭建全局安装:yarn global add @vue/cli创建目录: vue create路径选择使用哪些配置进入目录，运行yarn serve开启webpack-dev-serve然后就可以开始查文档学习了。完整版VS非完整版就拿完整版来说，创建了一个目录之后，我们可以先不看App.vue，只看js文件和html文件，在js文件中有这两句代码// import Vue from 'vue' // import App from './App.vu