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

初级参考 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…

------活动之间传递数据------ 向下一个活动传递数据: Intent中提供了一系列的putExtra()方法,可以把数据暂存到Intent中,启动另一个活动的时候就可以取出来. 代码: (存数据) String data = "Hello SecondActivity"; Intent intent = new Intent(FirstActivity.this, SecondActivity.class); intent.putExtra("extra_data&…

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…

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

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…

collection 他是对字典 元组 集合 进行加工的  是计数器 无论 深 ,浅 ,赋值 拷贝 内存地址都不变 赋值也是拷贝的一种 拷贝分两类数字 字符串 另一类: 列表 字典 元组 这一类还分两层 :赋值时内存地址不变 :但是深浅拷贝时候内存地址改变 :无论深浅拷贝 最终都指向引用的值 这样节省内存空间 :就算深拷贝 他地址改变了:但是他改变的只是引用的地址:具体数值用的还是一个 :他拷贝的只是把引用复制了一份:你知道列表 字典 元组 的引用是什么嘛:是他们的索引:index 0-256 …