Processing math: 100%

02 2019 档案

摘要:/** * Vue-router 基本用法 * npm install --save vue-router */ /** * Vue-router 基本用法 * npm install --save vue-router */ 1, Router实例对象 const RouterInstance = 阅读全文
posted @ 2019-02-18 15:14 牛三 阅读(572) 评论(0) 推荐(0) 编辑
摘要:<!-- 应用场景: 点击一个按钮,由v-if让div显示,并且拿到div的内容的时候。 在div还没有被创建出来的时候,是拿不到内容的。 这里涉及到了Vue异步更新队列的概念 Vue观察数据变化的时候并不是直接更新DOM,而是开启一个队列,并 缓冲在同一事件循环中的发生的所有数据的改变,在缓冲时会 阅读全文
posted @ 2019-02-17 11:39 牛三 阅读(296) 评论(0) 推荐(0) 编辑
摘要:1,递归组件 <!-- 递归组件: 组件在它的模板内可以递归的调用自己,只要给组件设置name组件就可以了。 设置那么House在组件模板内就可以递归使用了,不过需要注意的是, 必须给一个条件来限制数量,否则会抛出错误: max stack size exceeded 组件递归用来开发一些具体有未知 阅读全文
posted @ 2019-02-17 11:25 牛三 阅读(2799) 评论(0) 推荐(0) 编辑
摘要:<!-- 内容分发 1, 两个特点 组件不知道自己要挂载的内容是什么 组件可能有自己的模板 组件是由: props 传递参数 events 触发事件 slot 内容分发 构成 编译的作用域: 父组件的模板内容是在父组件作用域内编译, 子组件模板内容是在子组件作用域内编译 <child-compone 阅读全文
posted @ 2019-02-17 10:39 牛三 阅读(550) 评论(0) 推荐(0) 编辑
摘要:组件通讯的关系: 父子组件通讯,兄弟组件通讯,跨级组件通讯。 <!-- 当子组件像父组件传递数据时,就要用到自定义事件了。 Vue组件通讯模式 观察者模式 dispatchEvent和addEventListener 子组件用emit()this.emit("addNum", th 阅读全文
posted @ 2019-02-17 10:15 牛三 阅读(196) 评论(0) 推荐(0) 编辑
摘要:组件是Vue最强大的功能之一;组件化编程,允许我们使用小型,独立,通用的可复用型组件构建大型应用;任何页面都可以抽象为组件树; <!-- 组件需要注册后才能使用。 注册有全局注册和局部注册两种方式 全局注册: 全局: 局部注册: 局部: 注册后的组件只是在该作用域下有效 父组件正向的向子组件传递数据 阅读全文
posted @ 2019-02-17 09:46 牛三 阅读(1010) 评论(0) 推荐(0) 编辑
摘要:<!-- v-model 使用v-model后,表单控件显示的值只依赖所绑定的数据, 不在关心初始化时的value; 对于textarea 之间插入的值, 在中文输入法没有选定插入的值之前,不会触发更新, 可以使用@input来代替 radio checkbox select 的用法 修饰符: .l 阅读全文
posted @ 2019-02-16 22:55 牛三 阅读(200) 评论(0) 推荐(0) 编辑
摘要:<!-- 数组更新 7种 会改变原始数组的方法 push() pop() shift() unshift() splice() sort() reverse() Vue检测到数据变化会更新视图 不会改变原数组方法,可以使用新数组替代原数组 数组变化时,并不是直接渲染,而是最大的复用DOM元素, 替换 阅读全文
posted @ 2019-02-16 22:06 牛三 阅读(1136) 评论(0) 推荐(0) 编辑
摘要:v-bind <!-- 绑定 class的几种方式 1, 对象语法 直接绑定一个Object类型数据。或者计算属性或者method或者data 2, 数组语法 直接绑定一个[]类型数据;也可以使用computed,methods,data 在组件上使用的时候,样式规则直接作用到根元素上, 如果需要给 阅读全文
posted @ 2019-02-16 21:56 牛三 阅读(583) 评论(0) 推荐(0) 编辑
摘要:模板内的表达式用于简单的计算,当其过长或者逻辑复杂时,会难以维护。 一般用计算属性。<!-- 计算属性 所有的计算属性都以函数的形式写在vue的实例内的computed选项内, 计算属性里可以完成各种复杂的逻辑,包括运算,函数调用的 只要将最终结果返回就可以了。 计算属性可以依赖其他计算属性 计算属 阅读全文
posted @ 2019-02-16 20:33 牛三 阅读(276) 评论(0) 推荐(0) 编辑
摘要:/** * 语法糖的概念: * 语法糖是指在不影响功能的情况下,添加某种方法实现同样的; * 使用语法糖,可以简化代码的书写 * 比如 v-on:click='func' @click='func' * v-bind:src :src */ <!-- v-on 可以监听原生DOM事件click,db 阅读全文
posted @ 2019-02-16 20:21 牛三 阅读(386) 评论(0) 推荐(0) 编辑
摘要:双大括号语法{{}}/ v-text <!-- v-text 双大括号语法 {{}} 文本插值 如果想显{{}}标签不被替换,使用v-pre跳过此元素和他子元素的编译过程 {{}} 还支持单个表达式,简单的运算,三元运算等 --> <h3 v-pre>{{name}}</h3> <h3>{{name 阅读全文
posted @ 2019-02-16 19:09 牛三 阅读(686) 评论(0) 推荐(0) 编辑
摘要:用Vue官方提供的脚手架工具Vue-cli创建项目; 1, npm install -g Vue-cli 2, Vue init webpack Vue-project 3, cd Vue-project 4, npm install 5, npm run dev (开发环境) 项目目录构成: 1, 阅读全文
posted @ 2019-02-16 18:34 牛三 阅读(215) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示