随笔分类 - vueJS1.0版本
vue1.0版本知识点及示例
摘要：1、声明式 只需要声明在哪里where，做什么what，而无需关系如何实现how 2、命令式 需要以具体的代码表达在哪里where，做什么what，以及如何实现how 声明式的理解： 1）DOM状态只是数据状态的一种映射 2）所有的逻辑尽可能在状态的层面去进行 3）当状态变化了，View会被框架自动
阅读全文
摘要：1、对象的响应数据变化 只有在data里面初始化的数据才能实现响应式 data中的数据都会被转换为getter/setter,所以当数据变化时，自动更新在页面中 如果没有定义某个属性，那么就不能检测属性的变化 如果想要实现响应式，需要一下方式 1）Vue.set(target,key,value)，
阅读全文
摘要：UI组件库 element-ui和mint-ui 其实都是借鉴了bootstrap bootstrap: 由twitter 开源 简洁、大方 官网文档https://www.bootcss.com/ 基于 jquery（使用时必须先引入jq） 栅格化系统+响应式工具 (移动端、pad、pc) 按钮
阅读全文
摘要：vue动画 transition 之前1.0版本是以 属性的形式展示的 <p transition="fade"></p> .fade-transition{} .fade-enter{} .fade-leave{} 到2.0以后transition是以组件的形式使用的，并且携带一个name属性用于
阅读全文
摘要：vue2.0相比于1.0的变化 1、在每个组件模板中，不再支持片段代码，需要一个根元素包裹 2、关于组件定义 a、Vue.extend 这种方式，在2.0里面有，但是有一些改动，这种写法，即使能用，咱也不用——废弃 b、Vue.component(组件名称,{ 在2.0继续能用 data(){} m
阅读全文
摘要：简单的目录结构: |-index.html |-main.js 入口文件 |-App.vue vue文件（组件），官方推荐命名法（首字母大写） |-components 组件存放的文件夹 |-package.json 工程文件(项目依赖、名称、配置) npm init --yes 生成 |-webp
阅读全文
摘要：vue过渡(动画) 本质走的css3: transtion ,animation vue组件 组件：一个大对象，定义一个组件 注册组件： 1、全局组件，通过Vue的方法component注册到全局类Vue上 2、局部组件 放到某个组件内部，通过components配置项，注册到（组件）实例中 另一种
阅读全文
摘要：vue生命周期: 钩子函数: created -> 实例已经创建 √ beforeCompile -> 编译之前 compiled -> 编译之后 ready -> 插入到文档中（相当于window.onload，页面初始化写在此处） √ beforeDestroy -> 销毁之前 destroye
阅读全文
摘要：vue是框架，vue.js是vue框架的核心js库 库：是一个封装好的特定的方法的集合，提供给开发者使用，库没有控制权，控制权在使用者手中。代表：jQuery、underscore、util 框架：框架就是一整套架构，会基于自身的特点向用户提供一套相当完整的解决方案，而且控制权在框架本身，使用者要用
阅读全文
