vue2.0相比于1.0的变化 1.在每个组件模板中,不再支持片段代码,需要一个根元素包裹 组件中模板: 之前: <template> <h3>我是组件</h3><strong>我是加粗标签</strong> </template> 现在: 必须有根元素,包裹住所有的模板代码 <template id="aaa"> <div> <h3>我是组件</h3> <st…

初级参考 1.v-show 与 v-if 区别 v-show 是css隐藏,v-if是直接销毁和创建,所以频繁切换的适合用v-show 2.计算属性和 watch 的区别 计算属性是自动监听依赖值的变化,从而动态返回内容,监听是一个过程,在监听的值变化时,可以触发一个回调,并做一些事情. 所以区别来源于用法,只是需要动态值,那就用计算属性:需要知道值的改变后执行业务逻辑,才用 watch,用反或混用虽然可行,但都是不正确的用法. 说出一下区别会加分 computed 是一个对象时,它有哪些选项?…

vue动画 transition 之前1.0版本是以 属性的形式展示的 <p transition="fade"></p> .fade-transition{} .fade-enter{} .fade-leave{} 到2.0以后transition是以组件的形式使用的,并且携带一个name属性用于css动画选择 <transition name="fade"> 运动东西(元素,组件.路由....) </transition…

vue是框架,vue.js是vue框架的核心js库 库:是一个封装好的特定的方法的集合,提供给开发者使用,库没有控制权,控制权在使用者手中.代表:jQuery.underscore.util 框架:框架就是一整套架构,会基于自身的特点向用户提供一套相当完整的解决方案,而且控制权在框架本身,使用者要用框架所规定的某种规范进行开发.代表:backbone.angular.vue 历史过渡框架:jQuery --> YUI --> backbone ---> anguler --> re…

Java中的类 1.类的概念 2.类中的封装 3.对象的三大特征 4.对象状态 5.类与类之间的关系 ------------------------------------------------------------ 1.类(class)是构造对象的模板或蓝图.由类构造(construct)对象的过程称为创建类的实例(instance). 个人理解: Java中存着很多很多的类: 有些是Java标准类库中提供的类 有些是用户自己编写的类 有些是第三方提供的类 .... 总之有很多的类,我们…

------ 活动的生命周期 ------ Android是使用任务Task来管理活动的,一个任务就是一组存放在栈里的活动的集合.每当启动一个活动 ,他就会在返回栈中入栈,并处于栈顶位置.而每当我们按下 Back 键或调用 finish()方法去销毁一个 活动时,处于栈顶的活动会出栈,这时前一个入栈的活动就会重新处于栈顶的位置.系统总是会显示处 于栈顶的活动给用户. 活动的生命周期最多可能有四种状态: >> 运行状态: 活动处于栈顶位置 >> 暂停状态: 活动不再处于栈顶位置,但是…

UI组件库 element-ui和mint-ui 其实都是借鉴了bootstrap bootstrap: 由twitter 开源 简洁.大方 官网文档https://www.bootcss.com/ 基于 jquery(使用时必须先引入jq) 栅格化系统+响应式工具 (移动端.pad.pc) 按钮 使用工具 bower 前端包管理器 jquery#1.11.1 自动解决依赖 npm node包管理器 jquery@1.11.1 都是由饿了么团队开源的一个基于vue 组件库 elementUI P…

简单的目录结构: |-index.html |-main.js 入口文件 |-App.vue vue文件(组件),官方推荐命名法(首字母大写) |-components      组件存放的文件夹 |-package.json 工程文件(项目依赖.名称.配置) npm init --yes 生成 |-webpack.config.js webpack配置文件 ES6: 模块化开发 导出模块: export default {} 引入模块: import 模块名 from 地址----------…

vue过渡(动画) 本质走的css3: transtion ,animation <div id="div1" v-show="bSign" transition="fade"></div> 动画: .fade-transition{ } 进入: .fade-enter{ opacity: 0; } 离开: .fade-leave{ opacity: 0; transform: translateX(200px); } 也…

vue生命周期: 钩子函数: created -> 实例已经创建 √ beforeCompile -> 编译之前 compiled -> 编译之后 ready -> 插入到文档中(相当于window.onload,页面初始化写在此处) √ beforeDestroy -> 销毁之前 destroyed -> 销毁之后 防止双大括号闪烁 v-cloak  适用于大段落 v-text   适用于小段文字 v-html 计算属性 angular中使用$scope.$watch…