文章分类 - vue框架
关于vue框架的学习笔记
摘要：Vuex是什么及其核心概念 很简单来说，对vue应用中多个组件的共享状态进行集中式的管理（读/写） State vuex管理的状态对象 他应该是唯一的 Mutations 包含多个直接更新state的方法(回调函数)的对象 谁来触发？action中的 commit("mutations名称")来触发
阅读全文
摘要：安装vue-cli手脚架 用vue-cli创建项目 使用vue list命令可以看到创建vue项目的几种方式 一般选择webpack创建项目 即： vue init webpack 项目名称 例如： vue init webpack vueDemo 回车后会让你填写一些生成package.json的
阅读全文
摘要：通过props实现父组件向子组件传值 父组件想要将值传给子组件，只需要在子组件对应的标签中通过v-bind绑定一个自定义的属性，然后将要传的值给这个属性，例如 :selectFoods="selectFoods" 然后子组件通过props可以接收父组件传来的值 例： <template> <div>
阅读全文
摘要：vue-router的写法 准备组件 实例化路由规则对象 开启路由对象 写router-link标签匹配路由 写router-view占位符，组件的内容会替换掉占位符 例： 路由传参 在router-link中的url中添加上 / 参数值 在实例化路由规则对象的时候使用 /:参数名 指明参数，可以指
阅读全文
摘要：watch watch可以监控data中的每一个变量，如果这个变量的值发生了变化，就会触发watch中相关的方法，而且方法会有两个参数，一个新值，一个是老值 例： 下面是一个修改firstName或lastName而改变fullName的例子 watch监控路由 watch除了能够监控data中变量
阅读全文
摘要：首先需要引入vue-resource文件，但是在这之前一定要引入vue.js文件 这样在加载的时候就会生成一个 $http ，可以利用它发送请求 GET请求 POST请求 注意点：$http.post()方法中的第三个参数默认写成 {emulateJSON: true} ，否则可能造成服务器无法接受
阅读全文
摘要：过滤器 Vue提供了一系列的固定逻辑来使程序员更加容易的实现这列功能，这些过滤器成为系统过滤器，但是在Vue2.x之后就没有了，但是Vue也提供了一个接口用来定义自己特殊的逻辑，这就是自定义过滤器 由于vue2.x没有了系统过滤器，那么就直接看自定义过滤器 自定义过滤器 自定义私有过滤器 过滤器的使
阅读全文
摘要：Vue常用指令 v-text 该指令是用来更新元素的标签体内容的 v-html 更新元素的innerHTML 使用该标签需要注意： 在网站上动态的渲染任意的HTML非常危险，会导致XSS攻击，只能在可信的内容上使用该指令，永远不要用在提交内容上使用 v-html的内容会按照普通的HTML内容进行插入
阅读全文
摘要：这里简单的介绍几个es6的语法，都是在vue中需要用到的 let & const let es6新增了一个let命令，用来声明变量，这个命令和var差不多，但是略有差别。下面介绍此中差距 let声明的变量是块级作用域 分别执行下面两段代码 上面两段代码都是在代码块中定义变量a并赋值，然后在代码块外面
阅读全文
浙公网安备 33010602011771号