![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端框架
zoey-lyly
这个作者很懒,什么都没留下…
展开
-
计算属性
计算属性 computed计算属性怎么用<template> <div>{{ getMsg }}</div></template><script> export default { data() { return { msg: 'I am ' }; }, computed: { getM...原创 2019-11-20 18:00:06 · 163 阅读 · 0 评论 -
Vuex中的Module
什么是Module?Vuex 允许我们将 store 分割成模块(module)。每个模块拥有自己的 state、mutation、action、getter、甚至是嵌套子模块{ moduleA: { state: {}, mutation: {}, action: {}, getters: {} }, ...原创 2019-11-05 17:51:33 · 226 阅读 · 0 评论 -
Vue 中 ref='msg' $refs 是什么
如果ref用在子组件上,指向的是组件实例,可以理解为对子组件的索引,通过$ref可能获取到在子组件里定义的属性和方法。如果ref在普通的 DOM 元素上使用,引用指向的就是 DOM 元素,通过$ref可能获取到该DOM 的属性集合,轻松访问到DOM元素,作用与JQ选择器类似。var sonNode = { template: `<div>{{msg}}</div...原创 2019-10-17 16:52:16 · 457 阅读 · 0 评论 -
Vue组件通信props, $emit
父组件向子组件传递 场景:爸爸说:乖儿子;儿子显示父亲说的话在父组件使用v-bind绑定属性,在子组件使用props接收var sonNode = { props: ['fatherWords'], template: `<div>{{ fatherWords }}</div>`};var fatherNode = { ...原创 2019-10-17 16:25:45 · 135 阅读 · 0 评论 -
Vue过滤器
过滤器可以用在两个地方:双花括号插值和v-bind表达式以下代码是Vue官方文档中的例子,将输入到input框中的字符串首字母大写输出<div id="app"> <input type="text" v-model="msg"> <!-- msg 作为 唯一的参数传递给 capitalize --> <p>{{...原创 2019-08-12 14:06:11 · 84 阅读 · 0 评论 -
Vue自定义指令
<div id="app"> <input type="text" v-focus> <div v-demo:foo.a.b='message'></div> <p v-pin:left='300'>远离direction 300px</p> <p v-abbreviation="...原创 2019-08-12 14:20:52 · 239 阅读 · 0 评论 -
浅谈Vuex
什么是Vuex?Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。可以理解为Vue 配套的 公共数据管理工具,它可以把一些共享的数据,保存到 vuex 中,方便 整个程序中的任何组件直接获取或修改我们的公共数据;var store = new Vuex.Store({ state:{ count: 0 }, // 使用this.$s...原创 2019-08-12 14:48:28 · 108 阅读 · 0 评论 -
Vue-router
什么是路由?后端路由:对于普通的网站,所有的超链接都是URL地址,所有的URL地址都对应服务器上对应的资源;前端路由:对于单页面应用程序来说,主要通过URL中的hash(#号)来实现不同页面之间的切换,同时,hash有一个特点:HTTP请求中不会包含hash相关的内容;所以,单页面程序中的页面跳转主要用hash实现;在单页面应用程序中,这种通过hash改变来切换页面的方式,称作前端路...原创 2019-08-12 15:57:01 · 328 阅读 · 0 评论