Geezer_007的博客

登录时的填写密码显示文本或者显示黑点切换其实就是两个div的v-if/else判断；下面详细说下具体实现过程；（附代码图）第一步： 默认密码显示的是黑点：代码部分这样写：红线框圈住的①就是密码显示为文本的部分；这里需要注意的一个重点是密码显示为黑点还是文本最主要是看你给input框的type设置的是什么值，如果想显示为文本就type=‘text’，如果想显示为黑点就type=“password”（如下图）第二步： 不过有人会疑问你设置的不是文本吗为什...

vue数据绑定主要实现两个方面： 1、数据变视图变； 2、视图导致数据变；视图变数据变就是监听事件，然后在回调中改变数据；数据变视图变的实现过程： 通过Object.defineProperty对数据设置set函数； 具体过程： 监听器Observer如果数据变-------设置set函数------...

异步组件优化按需加载需要什么页面加载什么页面router下的index.js修改成异步组件像是文件，但是项目很小时不需异步加载；

安卓手机存在的问题：（针对低版本）安卓手机白屏；解决方法： 1、默认不支持promise，安装babel-polyfill插件包即可； 2、webpack-dev-server问题；...

1、终端运行：npm run bulid(打包src 下面的代码编译)打包完会多出来dist目录，这里的代码就是最终要上线的代码；（把dist文件包给后台，后台放在服务器）如果文件不是放在后台服务器的根目录下而是放在某文件下的需要在config下的index.js文件里bulid下的assetspublicpath下修改路径在提交；2、打包文件有什么？ index.html ...

vue路由钩子函数分为三种类型1、全局钩子函数（前置）2、针对单个路由钩子函数3、组件及钩子函数未完待续·····（后续会补充具体实例详解）...

父传子用：props子传父： 子传父主要通过事件传递给父组件（通过$emit来传）触发消息事件用$emit, 接收组件使用$on接受；子传子：vue中没有直接对子传子传参的方法，可以用vuex状态管理工具，可以很方便完成实现子组件之间传参；兄弟组件传值：可用bus总线方式，也可以用vuex状态管理工具，建立公共j s文件专门用来传递信息；简单的兄弟传值可以传给...

mvvm:mvc（m=module模型. v=view视图 c=contorller控制器）vm视图与数据之间的传递；vue特性：双向数据绑定、单向数据流、单页面应用v-model：数据绑定；data：返回对象用return；v-for：循环； 格式：v-for=“字段名 in(of)数组json"v-show: 显示隐藏 传递值为布尔值 true fals...

模版语法：1、插值表达式2、v-text3、v-html4、v-on5、v-bind注：指令后面都是j s表达式，表达式后可跟字符串例：v-text=“name + 'lee' ";计算属性1、计算属性（computed）：顾名思义就是通过计算得来的；特点：内置缓存、 缓存机制当计算属性的两个变量未发生改变就不会重新计算，会一直用上次计算的结果；（...

1⃣️：安装node.js;2⃣️：安装淘宝镜像（npm); 在终端输入：npm install -g cnpm --registry=http://registry.npm.taobao.org 注：npm:(node package manager)node的包管理工具，用于node插件管理，安装，卸载管理依赖等； nvm: node.js 版本管理工具，...

vue生命周期函数就是vue实例在某一时间点会自动执行的函数；1⃣️：beforeCreate（ vue实例初始化）；2⃣️：created（初始化完成）3⃣️：beforeMount（模版和数据结合挂载页面没有渲染）4⃣️：mounted（页面挂载后，页面以渲染）5⃣️：beforeDestroy(实例没销毁前执行)6⃣️：destroyed(实例销毁后执行)7⃣️：...

vue采用单向数据流的方式来管理数据：state：store：Mutations：Actions：Geters:Plugins:

概念理解：vue数据双向绑定是通过数据劫持结合发布者订阅模式来实现的；具体应用的功能中能呈现这一原理的有：输入框的实现；

多页应用 页面跳转返回的是html； 优点：首屏时间快，seo效果好； 缺点：页面切换慢；单页应用 页面跳转不请求html页面，是j s渲染； 优点：页面切换快； 缺点：首屏时间稍慢，seo差；...

路由： 路由是什么？ 路由就是用于设定访问路径，并将路径和组件映射起来；在vue中 链接用<router-link to="/list"></router-link> to和href的作用是相同的；有关组件和路由配置步骤：1、定义组件单文件2、在单位件的script标签里导出组...

在一个初始化的vue项目里会有很多文件夹及文件（如下图）：我们从下往上讲解：1. README.md ：这是一个项目说明文件；2. package.json : 这是一个依赖包，也就是第三方模块依赖存放处；3. package-lock.json : 这是package的锁文件，确定安装的第三方包版本，为了统一团队的编码；4. LICRENSE ：开源协议的说明；5. ...