vuejs知识总结】的更多相关文章

1.Vue.js是当下很火的一个JavaScript MVVM库,它是以数据驱动和组件化的思想构建的.ViewModel是Vue.js的核心,它是一个Vue实例. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!--这是我们的View--> <div…
weex简介 Weex 是一套简单易用的跨平台开发方案,能以 web 的开发体验构建高性能.可扩展的 native 应用,为了做到这些,Weex 与 Vue 合作,使用 Vue 作为上层框架,并遵循 W3C 标准实现了统一的 JSEngine 和 DOM API,这样一来,你甚至可以使用其他框架驱动 Weex,打造三端一致的 native 应用. Hello World 尝试 Weex 最简单的方法是使用 Playground App 和在 dotWe 编写一个 Hello World 例子.你…
概述在最开始听说vuejs这个词是在2016年,当时天真的认为自己是个后端开发工程师不需要学习太多的前端知识,不过紧接着在2017年在公司就用到了vuejs.对于初学者(尤其是干后端的初学者)来说,刚接触时,有好多思路都很难理解. 本来写这一系列博客,只是为了记录自己在这一段时间学习vuejs的成果.如果有何纰漏请大家多多理解,不喜勿喷… 再说,在目前互联网的调整发展情况下,javascript更是在快速的更新迭代,如今对前端工程师来说,需要会的不只有css+div,js+jq了.近年来,jav…
初级参考 1.v-show 与 v-if 区别 v-show 是css隐藏,v-if是直接销毁和创建,所以频繁切换的适合用v-show 2.计算属性和 watch 的区别 计算属性是自动监听依赖值的变化,从而动态返回内容,监听是一个过程,在监听的值变化时,可以触发一个回调,并做一些事情. 所以区别来源于用法,只是需要动态值,那就用计算属性:需要知道值的改变后执行业务逻辑,才用 watch,用反或混用虽然可行,但都是不正确的用法. 说出一下区别会加分 computed 是一个对象时,它有哪些选项?…
前言 我最近在写 Vue 进阶的内容.在这个过程中,有些人问我看 Vue 源码需要有哪些准备吗?所以也就有了这篇计划之外的文章. 当你想学习 Vue 源码的时候,需要有扎实的 JavaScript 基础,下面罗列的只是其中的一部分比较具有代表性的知识点.如果你还不具备 JavaScript 基础的话,建议不要急着看 Vue 源码,这样你会很容易放弃的. 我会从以下 7 点来展开: Flow 基本语法 发布/订阅模式 Object.defineProperty ES6+ 语法 原型链.闭包 函数柯…
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…
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…
简单的目录结构: |-index.html |-main.js 入口文件 |-App.vue vue文件(组件),官方推荐命名法(首字母大写) |-components      组件存放的文件夹 |-package.json 工程文件(项目依赖.名称.配置) npm init --yes 生成 |-webpack.config.js webpack配置文件 ES6: 模块化开发 导出模块: export default {} 引入模块: import 模块名 from 地址----------…