经过对Vue的初步了解,知道了各个组件的基本功能,以及分别的使用方法,但是在实际写项目的时候还是忘记怎么开始的,今天就项目开始笼统的复习一下。 第一步,安装前的准备 如果是W...
经过对Vue的初步了解,知道了各个组件的基本功能,以及分别的使用方法,但是在实际写项目的时候还是忘记怎么开始的,今天就项目开始笼统的复习一下。 第一步,安装前的准备 如果是W...
路由 一 、安装router二 、引用 三 、配置路由文件,并在vue实例中注入 导出export default new router({})引用在components中注...
假如页面有几个地方都会用到相同的效果,就可以用到jQuery插件啦 写一个插件 非常简单,只需要用$.fn.函数名=function(){}就可以了 调用的时候也很简单$('...
写好的vue项目上传到GitHub中,但是预览的时候却是一片空白,好吧是我太天真,本地的时候是用localhost:8080打开的,所以在线上怎么可能预览成功呢于是在网上找了...
在使用vue模拟CNode社区过程中,使用了router-link路由跳转,但是在页面上路径变化了,页面却没有进行跳转,原因如下参考 因为两个路由都渲染同个组件,比起销毁再创...
store 用来管理状态,共享数据,在各个组件之间管理外部状态 流程:view-->action-->mutations-->state-->view 传递数据 使用vuex...
相当于ajax一、安装二、引入加载import axios from 'axios'三、将axios全局挂在到vue原型上Vue.prototype.xxx = axios四...
render函数中的参数是createElement,它是一个function函数里面的第一个参数可以是String / Object / Function,第一个参数是必须...
Vue.directive(自定义名,{选项}) 钩子函数(选项): bind:只调用一次,指令第一次绑定到元素时调用,用这个钩子函数可以定义一个在绑定时执行一次的初始化动作...
什么是slot(插槽) 混合父组件的内容与自己的模板将父组件的内容与子组件的内容像融合,从而弥补视图的不足 单个插槽 如果有p的内容,就不显示插槽的内容,如果没有就显示默认的...
组件关系可以分为父子组件通信、兄弟组件通信、跨级组件通信 自定义事件--子组件给父组件传递数据 子组件$emit()来触发事件父组件$on()来监听事件 步骤: 一、自定义事...
使用组件的原因 可以极大的提高代码的复用性 组件的使用方法 全局: 局部: 全局注册:优点:所有Vue实例都可以用缺点:权限太大,容错率低,不能使用驼峰式命名 Vue组件的模...
v-cloak 解决初始化导致页面闪动一般使用{{msg}}时页面会先出现{{msg}},再跳出内容,添加cloak会先渲染vue实例,再进行页面渲染,与CSS[v-cloa...
对象语法: 绑定class对象语法:对象的键是类名,值是布尔值 绑定内联style:键是style属性名,值是对应的值注意在vue中style要用驼峰命名或者加中横线 - 数...
虽然{{}}可以插入单行表达式,但是逻辑过长会变得臃肿,难以阅读和维护,所以在遇到复杂的逻辑时,应当使用计算属性computed 计算属性可以依赖多个vue实例的数据,只要其...
vue由模板、实例、组件组成 模板 v-text解析文本,跟{{}}效果一样 v-html解析html 事件v-on:绑定事件监听器,(语法糖:用@代替) 指令v-bind:...
生命周期钩子 created 实例创建完成后调用(还未挂载)声明成一个函数 mounted 挂载到是实例上调用,一般第一个业务逻辑会在这里开始(刚刚挂载) beforeDes...
块级元素的时候可以不用在宽度上加100%,块级元素本来就是撑开的,加上之后会把内容撑出去 父子元素,如果子元素有外边距,会合并解决办法:父元素设置border、padding...
将长短不一的块,进行排序 排序规则:第一排一次排序,后面新增一块 就比较上一排最短的一块填充,填充之后竖排的高度=(之前的高度) + (新增块的高度),然后再按照 这个规则填...