vue 基础知识 随笔

window.localStorage.gettItem("someItem"||[])//如果localStorage中的someItem不存在就返回一个空数组

window.localStorage.setItem("someItem",someValue)//向localStrorage中存入一个便变量 someItem

const  ES6的规范   定义一个常量

export 相当于 model.export() 就是导出这个对象

//导出的方法放在这里

export default{

  save(){

    //return sonmething;
  }

//ES6d的语法,定义一个方法 相当于save:function(){//return sonmething;}   vue推荐使用save(){//return sonmething;}

}

//导入方法import

import store form ‘./store‘   ES6的语法  相当于  import store form ‘./store.vue‘

这样就可以使用store中的方法     store.someMethod

watch

handler

deep

划分组件

功能模块:

select   pagenation

页面区域    header  footer    sidebar

Vuejs组件之间的调用------另外一个重要选项   components

import Header form ‘./header‘

只导入组件还是不能使用,需要组件注册

import Header form ‘./header‘

import Header form ‘./myFirstComponent‘

new Vue({

    components:{

        Header,myFirstComponent//组件注册  ,会后就可以在当前页面使用header组件了 tip:在html中vue会把驼峰写法改成小写加-的写法

      }
});

使用:

<header></header>

<my-first-component></my-first-component>

Vuejs之间的通信   -----props

时间: 2024-08-28 18:38:22

vue 基础知识 随笔的相关文章

vue基础知识之vue-resource/axios

Vue基础知识之vue-resource和axios(三) vue-resource Vue.js是数据驱动的,这使得我们并不需要直接操作DOM,如果我们不需要使用jQuery的DOM选择器,就没有必要引入jQuery.vue-resource是Vue.js的一款插件,它可以通过XMLHttpRequest或JSONP发起请求并处理响应.也就是说,$.ajax能做的事情,vue-resource插件一样也能做到,而且vue-resource的API更为简洁.另外,vue-resource还提供了

Vue 基础知识之 Vue.extend

Vue.extend 属于 Vue 的全局 API,在实际业务开发中我们很少使用,因为相比常用的 Vue.component 写法使用 extend 步骤要更加繁琐一些.但是在一些独立组件开发场景中,Vue.extend + $mount 这对组合是我们需要去关注的. 官方文档 学习开始之前我们先来看一下官方文档是怎么描述的. Vue.extend( options ) 参数: {Object} options 用法: 使用基础 Vue 构造器,创建一个“子类”.参数是一个包含组件选项的对象.

Vue基础知识总结(二)

一.解决网速慢的时候用户看到花括号标记 (1)v-cloak,防止闪烁,通常用于比较大的选择器上. 给元素添加属性v-cloak,然后style里面:[v-cloak]{display:none;} (2){{msg}},等价于<span v-text="msg"></span> (3){{{msg}}},html转意输出,等价于<span v-html="msg"></span>(在v2.0上,三括号已经删除) 二.

Vue 基础知识

1. vue 生命周期函数(详细查看:Vue实例的生命周期(钩子函数)) 有 10 个钩子,对应 5 个动作: create(创建) mount(vdom挂载) update(数据更新导致dom需要重新渲染和打补丁) active(keep-alive组件激活) destory(销毁) 2. 组件间通讯 父子组件 父 -> 子:props 父 -> 子:$attrs(props没有定义,但是却被传进来的属性,inheritAttrs属性默认为true,会把props以外的属性渲染到组件的根do

学习vue基础知识(一)

什么是vue 前端框架的3马车 angular 谷歌公司 m(数据)v(视图)c(控制器) 双向数据绑定react facebook (非死不可) 视图层的框架view 虚拟domvue 尤玉溪 双向数据绑定+虚拟dom是一套用于构建用户界面的渐进式框架 入门难度最低 为什么要学习vue 高效 1.运行效率高 采用虚拟dom 减少真实dom的操作使项目的运行效率大大提高2.开发效率高 采用了组件化开发 将开发者的精力从dom操作解放出来,转移到数据操作上 爱上vue 3 5 什么叫做热爱 无时无

java基础知识随笔

1.&与&&的区别 相同:两者都可以用作逻辑与(and)运算,运算符两边都为真时表达式才为真. 不同:&&具有短路与的功能,即第一个表达式为false时,第二个表达式不再判断,例如if(str!=null && !str.equals(""))表达式,当str为null时,由于短路与,后面的表达式不会执行,所以也不会报NullPointerException.                反之如果用 & ,则会抛Null

前端基础知识随笔001

1. get是从服务器上获取数据,post是向服务器传送数据.2. get是把参数数据队列加到提交表单的ACTION属性所指的URL中,值和表单内各个字段一一对应,在URL中可以看到.post是通过HTTP post机制,将表单内各个字段与其内容放置在HTML HEADER内一起传送到ACTION属性所指的URL地址.用户看不到这个过程.3. 对于get方式,服务器端用Request.QueryString获取变量的值,对于post方式,服务器端用Request.Form获取提交的数据.4. g

web前端开发基础知识随笔

1. 常见浏览器的内核 Mozilla Firefox使用的是Gecko内核,C++开发的开源布局引擎. Internet Explorer使用的是Trident,由微软开发和维护的浏览器渲染引擎,非开源但是开放的接口比较多和灵活,因此产生了是Trident内核而非IE的浏览器,比如国内的大部分浏览器(所谓双核只不过是Trident加上其他开源浏览器内核,简单的说就是两个渲染引擎,根据页面的一些标识浏览器选择使用哪种引擎渲染并将最终结果呈现给用户). Webkit,Safar所使用的内核及chr

vue准备知识-es6基础

目录 知识 let和const 模板字符串 箭头函数 对象的单体模式 面向对象 一.知识 http://www.cnblogs.com/majj/https://www.cnblogs.com/majj/category/1216624.html 阮一峰 es6 http://es6.ruanyifeng.com/ https://www.bootcdn.cn/ http://www.cnblogs.com/majj/ 前端 VUE 博客每个人都要去写! html(语义化,除了语义,其他得都没什